HTML5移動端開放的同學們都遇到過這個問題：

很早之前我自己也遇到過這樣的問題，設計對你的1px邊框很不滿意，這時候你還在納悶，什麼問題。設計會說boy，你是不是移動端開發的，這讓我自己很尷尬，因為我那時候我剛剛進行移動端開發不知道這類問題，我就去網上找了下這個問題，通過對網上的資料我知道移動端1px和pc端是不一樣的，主要原因是window.devicePixelRatio是裝置上物理畫素和裝置獨立畫素(device-independent
pixels (dips))的比例問題導致。 網上說了很多的方法，我自己也試過很多，最終給大家推薦一種：

／* .class元素class名字，1px 右邊框 *／
如：
.class{
position:relative;
}
.class:after {
position: absolute;
top: 0;
right: 10px;
width: 0;
height: 200%;
border-right: solid 1px #e8ebec;
z-index: 99;
content: “”;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform: scale(0.5);
transform-origin: 0 0;
}

以上是我經常使用的1px移動端邊框問題的解決方法，如果你們有更好的可以用自己的，也可以參考上邊的例子。