移动端 CSS 1px 问题及解决方案

移动端 CSS 1px 问题及解决方案

1. viewport & transfrom: scale

viewport 的 initial-scale 设为 1
UI 设计稿用rem 和 transfrom: scale(0.5) 实现

https://stackoverflow.com/questions/22777734/what-is-initial-scale-user-scalable-minimum-scale-maximum-scale-attribute-in/40222507#40222507

2. background-image 0.5px 透明图片

3. border-image 0.5px 透明图片

4. CSS3 linear-gradient

多背景渐变实现

5. CSS3 box-shadow

box-shadow 模拟边框

6. ::after /::before & transform:scale

伪元素 + transform:scale 实现

refs

https://www.jianshu.com/p/7e63f5a32636

https://segmentfault.com/a/1190000013331105

---

---

©xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---