之前寫的時候不太了解人家移動APP是怎么實現的，后來自己摸索 知道了可以使用縮放的方式解決線比較粗的問題。 最近看到了 小月博客里的一篇文章： http://www.aliyue.net/1487.html，因此，自己總結了一下。 ...

前端頁面細節處理好了才會顯得精致。邊框在網頁中是常見的一種樣式了。雖然不把它處理為0.5px看上去沒毛病，但是想讓你做的東西征服更多的人，這些細節處理是必須的。 今天主要說一下如何讓邊框顯示0.5px的方法： 方法一：利用漸變 關於漸變可以看下面兩篇文章做深入了解： CSS3 漸變 ...

用CSS設置邊框寬度為0.5px，可以使邊框看起來更加細膩，特別是在移動端，設計師會有這樣的要求。 但遺憾的是，大多數Android手機並不能識別0.5px。因此我們可以使用CSS3來變通的實現0.5px的邊框需求。 .content ...

CSS設置1px變粗的原因： 為什么移動端css里面寫了1px, 實際看起來比1px粗. 其實原因很好理解:這兩個“px”的含義是不一樣的. 移動端html的header總會加上一句： 這句話定義了本頁面的viewport的寬度為設備寬度,初始縮放值和最大縮放值都為1,並禁止 ...

1px? 0.5px! 前一段時間剛開發完一個項目，但總感覺界面樣式怪怪的，雖然表面上看起來和設計稿是一樣的，可是就是沒設計稿那種感覺，而且莫名還有一種山寨的氣息，讓我感到很郁悶，找來找去終於發現罪魁禍首——border線寬的問題。 問題產生的原因 關於設備像素的基礎知識，建議去看 ...

0.5px 的像素在移動端的要求還是需要的。 css3 動畫技巧：在開始的時候如果想在某個屬向上寫動畫，就在該元素的屬性上加上最初的屬性。left：0px； transform：；中間可以家多個屬性，而不能些多個tansform； 在網上找了一個具體的實現辦法，核心就是css3的縮放 ...

　　細線邊框的具體實現方法有：偽元素縮放或漸變，box-shadow模擬，svg畫線，border-image裁剪等。要實現小於1px的線條，有個先決條件：屏幕的分辨率要足夠高，設備像素比要大於1，即css中的1個像素對應物理屏幕中1個以上的像素點。 　　對於普通電腦，屏幕物理像素和css像素 ...

移動端瀏覽器解決1px的底部border問題 1、使用border:1px solid #e0e0e0。 在不同設備下由於devicePixelRatio不同導致1px實際顯示的長度不同。所以在移動端會顯示出3px或者2px。所以不能用。 2、使用 ...