iphone6上，设置边框1px，为什么4个边粗细不一致

Question

如题，在做移动端页面的时候，设置边框为1px，但是在iPhone6上显示有的边粗，有的边细，不知道是为啥如图

Answer 1

最后还是不知道是什么原因，试过了将1px转换为rem单位设置，但是安卓会不显示边框，最后做了移动跟安卓的判断，麻烦了一些但是解决了。。。。不知道还有什么简单方法

Answer 2

有个方法就是用标签伪类：after 然后通过css3 transform: scale(0.5);设置下大小

Answer 3

初步判断 底部边框可能是2px 有其它样式影响 上代码

Answer 4

有一个mobile web retina 下1px边框的问题，我以前遇到过，下面给你地址你可以去参考参考
http://www.tuicool.com/articl...

Answer 5

移动端的1px需要特殊处理,因为手机端有2倍屏 3倍屏

Answer 6

我有碰到过右边一条线比其他三条粗，然后发现时因为用了float的原因，不知道你的是不是

Answer 7

没有啊，.d0{width: 300px;height: 100px;border: 1px solid;}我怎么不会，加viewport了没

Answer 8

这是因为iphone6的dpr是2，所以在屏幕显示时会超过1px,可以用rem单位来写

Answer 9

可将outline设置为0

Answer 10

你不发css 让别人来猜啊 一点都不知道提问的方式

Answer 11

感觉楼主么事瞎玩一样，问CSS就上css代码啊

Answer 12

不用用px来表示，用rem就可以解决了