點擊查看原文地址： html5 Canvas畫圖3：1px線條模糊問題 本文屬於《html5 Canvas畫圖系列教程》 接上一篇canvas畫線條教程 上次我們講到，canvas有時候會出現1像素的線條模糊不清且好像更寬的情況，如下圖： 這樣的線條顯然不是我們想要的。這篇 ...

布局視口 layout viewport： 手機一般為了容納為桌面瀏覽器設計的網站，默認布局viewport寬度遠大於屏幕的寬度，為了讓用戶看到網站全貌，縮小網站。例如，apple一般將viewport寬度定為980px。主要意義是手機廠商不至於讓自家手機變得可笑，在打開大於980寬度 ...

　　本文介紹了移動端適配的3種方法，以及移動端圖片模糊問題和1px細線問題的解決方法。當然了，在這之前先整理了與這些方法相關的知識：物理像素、設備獨立像素、設備像素比和viewport。 >>>>物理像素、設備獨立像素和設備像素比 　　在CSS中我們一般使用px作為單位 ...

在做移動端開發時，設計師提供的視覺稿一般是750px，當你定義 border-width:1px 時，在iphone6手機上卻發現：邊框變粗了。。 這是因為，1px是相對於750px的（物理像素），而我們定義的1px是相對於375px的（css像素）“實際上應該是border-width ...

當我們在項目開發中，拿到設計師的設計圖，滿懷欣喜的准備按照設計圖將頁面實現出來的時候，我們通常會遇到這個問題： 如何將頁面的內容按照在不同手機屏幕瀏覽的情況下，比例都是不變的呢？這個時候我們就需要使用到動態rem來解決問題。 1：拿到屏幕寬度，以屏幕寬度作為rem的基准值 2：如果覺得基准值 ...

1px：陰影水平偏移值（可取正負值）；2px：陰影垂直偏移值（可取正負值）；3px：陰影模糊值； rgba(0,0,0,0.2)中： 第一個0：R 第二個0：B 第三個0：G 第四個0.2表示透明度為20%。 ...

在移動端web開發過程中，如果你對邊框設置border：1px，會發現，邊框在某些手機機型上面顯示的1px比實際感覺會變粗，這也就是1像素問題。如下圖是對桌面瀏覽器和移動端border設置1px的比較。那么是什么導致這種原因的呢？ 一、1px像素產生原因 首先，我們先對物理像素，設備獨立 ...

解決移動端1px邊框問題的幾種方法 本文介紹了解決移動端1px邊框問題的5種方法。當然了，在這之前先整理了與這些方法相關的知識：物理像素、設備獨立像素、設備像素比和viewport。 物理像素、設備獨立像素和設備像素比 在CSS中我們一般使用px作為單位，需要注意的是，CSS樣式里面的px ...