移动端的hairline边框解决方案，通常是使用transform:scale(0.5)来获得细边框，但有时候会出现显示问题，比如一个边框会比别的边框细，或者不显示。
怎么办？
不好说，还是跟像素有关系，通常出现这个bug的手机都是支持小数像素的手机。
没有特别好的方案，我的方案也比较笨，就是给容器改变padding的值。
比如你的padding原本是10px，现在你可以试试改成10.3333333px，或者10.5px，或者10.6666666px，总有一个值是合适的。
前言 移动端的hairline边框解决方案，通常是使用transform:scale(0.5)来获得细边框，但有时...
vue项目移动端border.css代码
1.img标签引入 chrome显示不全问题（有时会显示完整）；IE，火狐，safari正常移动端缩放文字比例失调...
1.移动端H5+获取手机状态栏高度： 移动端页面底部使用fiexd固定时，会出现底部显示不全的问题 ；一般也是因...
此文为转载
如何实现在移动端中显示一像素的边框 实现方案一：0.5像素 标准边框语法div{ border: 1px sol...
移动端1px实现的方法 .border-1px{ position:relative; } .border-1px...
对于移动端的页面，很多时候是不希望横屏显示的，有可能横屏显示页面显示不全或者影响美观，也或者其他的方面。但是，横屏...
问题 由于不同的手机有不同的像素密度导致的。如果移动显示屏的分辨率始终是普通屏幕的2倍，1px的边框在device...
本文标题：移动端hairline border显示不全的解决方案
本文链接：https://www.haomeiwen.com/subject/dfavuctx.html
网友评论