1px边框线问题
变粗原因
css中的1px并不等于移动设备的1px,因为不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。(devicePixelRatio = 物理像素 / 独立像素。)手机的精度越大,线越粗。
解决办法
媒体查询利用设备像素比缩放,设置小数像素
优点:简单,好理解
缺点:兼容性差,目前之余IOS8+才支持,在IOS7及其以下、安卓系统都是显示0px。
border1px(width = 1px,color = #ccc,s
原创
2021-05-06 19:18:45 ·
238 阅读 ·
0 评论