博学谷 > 问答库 > 移动端1px细线的实现

移动端1px细线的实现

收藏
移动web开发项目
25
Feb 3, 2018 
viewport 的设置和屏幕物理分辨率是按比例而不是相同的. 
移动端 window 对象有个 devicePixelRatio 属性, 它表示设备物理像素和 css 像素的比例, 
在 retina 屏的 iphone 手机上, 这个值为 2 或 3, css 里写的 1px 长度映射到物理像素上就有 2px 或 3px

回答

小泽回答

有以下几种不同方案:

1 用小数px值

2 border-image

3 background渐变

4 transform scale(0.5)

具体代码比较多, 可以参见 移动端1px解决方案汇总

(1)

相似问题

提交成功