畫一條0 5px的線

2021-10-07 21:49:10 字數 523 閱讀 3248

1、直接設定0.5px,在不同的瀏覽器會有差異( 不同系統的不同瀏覽器對小數點的px有不同的處理)

//畫一條0.5px的線

2、設定成1px,然後使用縮放功能

//畫一條0.5px的線

3、採用meta viewport的方式

//width=device-width表示將viewport視窗的寬度調整為裝置的寬度,這個寬度通常是指物理上寬度。

//縮放到原來的0.5倍,如果是1px那麼就會變成0.5px

//viewport只針對於移動端,只在移動端上才能看到效果

4、canvas/svg方式畫一條0.5px的線

a drawing of something.

畫一條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上的不同瀏覽器上測試測試結果如...

總結一下各種0 5px的線

在pc端用1px的邊框線,看起來還好,但在手機端看起來就很難看了,而0.5px的分割線會有種精緻的感覺。用普通寫法border solid 0.5px red iphone可以正常顯示,android下幾乎所有的瀏覽器都會把0.5識別為0,即無邊框狀態.原理就是給需要加邊框的元素插入乙個偽類,偽類採...