1.scale方法
2.線性漸變linear-gradient, 流覽器上面都不完美，效果都是虛的，和完美的0.5px還是有差距
3.使用boxshadow
4.使用svg
二.幾種效果
svgbox-shadow: 0 0.5px 0 #000
linear-gradient(0deg, #fff, #000)
1px + scaley(0.5)
0.5px
1px
原址:
三. 畫4條邊的1畫素, 可圓角
用::after設定border：1px solid #000; width:200%; height:200%,然後再縮放scaley(0.5);優點可以實現圓角，京東就是這麼實現的，缺點是按鈕新增active比較麻煩。
.div::after
畫一條0 5px的線
1 直接設定0.5px，在不同的瀏覽器會有差異 不同系統的不同瀏覽器對小數點的px有不同的處理 畫一條0.5px的線 2 設定成1px，然後使用縮放功能 畫一條0.5px的線 3 採用meta viewport的方式 width device width表示將viewport視窗的寬度調整為裝置的寬...
怎麼在高清屏上畫一條0 5px的邊
怎麼在高清屏上畫一條0.5px的邊呢？0.5px相當於高清屏物理畫素的1px。這樣的目的是在高清屏上看起來會更細一點，效果會更好一點，例如更細的分隔線。理論上px的最小單位是1，但是會有幾個特例，高清屏的顯示就是乙個特例。高清屏確實可以畫0.5px，對比效果如下 在pc上的不同瀏覽器上測試測試結果如...
實現0 5px的邊
如果我們直接設定0.5px，我們看到不同系統的不同瀏覽器對小數點的px有不同的處理。所以如果我們把單位設定成小數的px包括寬高等，其實不太可靠，因為不同瀏覽器表現不一樣。第二種能想到的方法是縮放，能否設定1px，然後scale 0.5呢，我們可以嘗試一下,大部分瀏覽器都變虛了，只有firefox比較...