xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

移动端 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

  1. background-image 0.5px 透明图片

  2. border-image 0.5px 透明图片

  3. CSS3 linear-gradient

多背景渐变实现

  1. CSS3 box-shadow

box-shadow 模拟边框

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

伪元素 + transform:scale 实现

refs

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

https://segmentfault.com/a/1190000013331105

©xgqfrms 2012-2020

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

posted @ 2020-07-24 00:29  xgqfrms  阅读(661)  评论(0)  编辑  收藏  举报