在pc端用1px的邊框線，看起來還好，但在手機端看起來就很難看了，而0.5px的分割線會有種精緻的感覺。用普通寫法border:solid 0.5px red;iphone可以正常顯示，android下幾乎所有的瀏覽器都會把0.5識別為0，即無邊框狀態.
原理就是給需要加邊框的元素插入乙個偽類，偽類採用絕對定位，然後對偽類新增1px邊框，最後進行0.5倍縮放。transform的縮放和旋轉預設都是按照元素的中心點來操作的
outline元素在縮放0.5之前尺寸就是紅框元素，縮放後，位置到了紅框中心，為了使之依然在左上角，縮放之前我們需進行left：-50%；top：-50%的位移。
hello world
hello world
hello world
hello world
hello world
hello world
畫一條0 5px的線
1 直接設定0.5px，在不同的瀏覽器會有差異 不同系統的不同瀏覽器對小數點的px有不同的處理 畫一條0.5px的線 2 設定成1px，然後使用縮放功能 畫一條0.5px的線 3 採用meta viewport的方式 width device width表示將viewport視窗的寬度調整為裝置的寬...
畫一條0 5px的邊
1.scale方法 2.線性漸變linear gradient,流覽器上面都不完美，效果都是虛的，和完美的0.5px還是有差距 3.使用boxshadow 4.使用svg 二.幾種效果 svgbox shadow 0 0.5px 0 000 linear gradient 0deg,fff,000 ...
怎麼在高清屏上畫一條0 5px的邊
怎麼在高清屏上畫一條0.5px的邊呢？0.5px相當於高清屏物理畫素的1px。這樣的目的是在高清屏上看起來會更細一點，效果會更好一點，例如更細的分隔線。理論上px的最小單位是1，但是會有幾個特例，高清屏的顯示就是乙個特例。高清屏確實可以畫0.5px，對比效果如下 在pc上的不同瀏覽器上測試測試結果如...