通常我們會有偽類和定位來解決1畫素的問題，但是使用偽類也是有問題的，但是你可以換一種方式實現1畫素邊框的問題，box-shadow
1. 實現下邊框
box-shadow: inset 0 -1px 0 0 #000;
2. 實現右邊框
box-shadow: inset -1px 0 0 0 #000;
3. 實現左邊框
box-shadow: inset 1px 0 0 0 #000;
4. 實現上邊框
box-shadow: inset 0 1px 0 0 #000;
使用陰影設定1畫素邊框無法設定4個方向的邊框，只能設定1乙個方向的邊框，也無法設定邊框圓角的問題，對於這些問題還是需要做一些特殊處理的。通過設定1畫素的陰影只在安卓機上有用，但是在ios手機上因為畫素太小會無法顯示
移動web 1畫素邊框
1px縮放都0.5px的狀態下，而0.5px並不是所有都支援，再根據 查詢設定不同的縮放比例就可以了，那麼我們就開始玩兒縮放吧。1.用height 1px的div，然後根據 查詢設定transform scaley 0.5 div2.用 after和 befor,設定border bottom 1p...
在移動端實現一畫素邊框
由於解析度 dpi 的差異，高畫質手機屏上的 1px 實際上是由 2 2 個畫素點來渲染，有的螢幕甚至用到了 3 3 個畫素點 所以 border 1px 在移動端會渲染為 2px 的邊框 雖然使用者在實際使用的時候，很難發現這 1px 的差異，但是設計師往往會在這 1px 上較勁，這就產生了經典的...
移動端一畫素邊框解決方案
如果你太明確邏輯畫素是什麼，可以先看看這篇介紹 如果你不太明確 css 變數的用法，可以看看阮一峰老師的教程 先上碼 border media screen and webkit min device pixel ratio 2 media screen and webkit min device ...