那么多手機屏幕尺寸，設計稿應該按照哪一個尺寸作為標准尺寸。現在已經有2K分辨率的手機屏幕了，設計稿是不是也要把寬高跟着最大分辨率來設計。顯然不是。 請注意：（以下所有討論內容和規范均將viewport設定為content=”width=device-width”的情況下） 也就是我們的H5頁面 ...

當我們在做手機端H5網頁設計稿時（當然包含微信端的H5網頁設計），如果沒有做過類似的移動端的設計，UI設計師和前端工程師肯定會糾結的。如果是app設計師，就不會那么糾結啦。 那么多手機屏幕尺寸，設計稿應該按照哪一個尺寸作為標准尺寸。現在已經有2K分辨率的手機屏幕了，設計稿是不是也要把寬高跟 ...

http://www.w3cmark.com/2014/354.html 移動端尺寸繁多，包括IOS和安卓，尺寸多達十余種，所以移動頁面尺寸的適配一直是前端和設計的頭疼。今天來總結一下當前市場上的一些移動端尺寸，方便設計師和前端去考慮適配。但是最好還是針對自己的產品做調查，根據數據去做 ...

1. viewport屬性及html頁面結構 <meta name= "viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0 ...

請注意：（以下所有討論內容和規范均將viewport設定為content=”width=device-width”的情況下） 也就是我們的H5頁面前端代碼里面必須包含 <meta content=”initial-scale=1.0,user-scalable ...

前言：前端頁面的布局（各元素的間距），一般會有PSD文件，有精確的px單位，而px與rem要如何轉換才能高度還原設計圖呢 一般情況下，設計稿的寬高為： 750*1334px，而大部分流行手機的屏幕尺寸為： 375*667px，正好是一倍的關系。 手機瀏覽器的根 ...

圖標尺寸規范和刪格化 參考資料 https://www.cnblogs.com/zhaoxinmei-123/p/11960880.html ...

1.制作的步驟： 工具：AI（可選擇） （1）在AI中設置參考線和網格：ctrl+k:參考線：10 網格：10 （2）視圖：勾選：對齊網格、對齊像素、對齊點（是為了保證沒有半像素化，icon的邊緣不虛華） （3）按照下面的圖標尺寸和刪格進行制作 2.圖標尺寸規范和刪格化 ...