iphone6 css 邊框設(shè)為1px，但是顯示的時(shí)候?qū)挾炔灰恢隆?/h1>

此網(wǎng)頁的地址

邊框的寬度設(shè)定是一樣的，但是在iphone6 和 iphone7下面顯示是有問題的，邊框?qū)挾炔灰粯?。我們公司的mobile是使用的淘寶的高清解決方案。
淘寶的高清解決方案

不要直接給邊框指定 .5px 的邊框，也包括等值于 .5px 的 rem。目前來說比較成熟的方案是使用 1px 的邊框，再使用 scale(.5) 來做 .5px 細(xì)線。你可以嘗試用我下面的代碼試一下

.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); 
}

你加個(gè)這個(gè)屬性試試
Element{
border-width: thin;
}

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

我上次也是這樣的問題，將border單位用rem,不用px就可以了。

移動(dòng)端1px細(xì)線解決方案總結(jié)
https://www.cnblogs.com/lunar...
移動(dòng)端 Retina屏 各大主流網(wǎng)站1px的解決方案
https://www.cnblogs.com/surfa...