iphone6 css 边框设为1px，但是显示的时候宽度不一致。

Question

此网页的地址

边框的宽度设定是一样的，但是在iphone6 和 iphone7下面显示是有问题的，边框宽度不一样。我们公司的mobile是使用的淘宝的高清解决方案。
淘宝的高清解决方案

Answer 1

移动端1px细线解决方案总结
https://www.cnblogs.com/lunar...
移动端 Retina屏 各大主流网站1px的解决方案
https://www.cnblogs.com/surfa...

Answer 2

加transform:translate3d(0,0,0);试一下

Answer 3

你加个这个属性试试
Element{
border-width: thin;
}

Answer 4

我上次也是这样的问题，将border单位用rem,不用px就可以了。

Answer 5

不要直接给边框指定 .5px 的边框，也包括等值于 .5px 的 rem。目前来说比较成熟的方案是使用 1px 的边框，再使用 scale(.5) 来做 .5px 细线。你可以尝试用我下面的代码试一下

.channel-list__item .channel-text {
    position: relative; 
}
.channel-list__item .channel-text::after {
    content: ''; 
    pointer-events: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    transform-origin: left top; 
    transform: scale(.5); 
}