移动web特别样式处理

  1. 高清图片
    在移动页面上渲染图片,为了避免图片产生模糊,图片的宽高应该用物理像素单位渲染,即是100*100的图片,应该使用100dp*100dp
    width:(w_value/dpr)px;
    height:(h_value/dpr)px;

2.1 像素边框
这里写图片描述

3.相对单位rem
这里写图片描述

不使用rem的情况:font-size
一般来讲font-size是不应该使用rem等相对单位的。因为字体的大小是 阅读的使用性,并不适合与排版布局。

同理趋向于一些固定的元素的特性。我们不使用rem而改为使用px去确保在不同屏幕上表现一致(跟rem的目的相反)。

这里写图片描述

猜你喜欢

转载自blog.csdn.net/zjsfdx/article/details/79393439