1、手機端網頁設計尺寸如下1屏幕的分辨率是640乘以11362倍率是2用戶界面UserInterface，簡稱UI，亦稱使用者界面是指對軟件的人機交互操作邏輯界面美觀的整體設計，是系統和用戶之間進行交互和信息交換的介質目的在使得用戶能夠方便有效率地去操作硬件以達成雙向之交互，完成所希望借助硬件完成。

2、首先，了解并適應不同主流機型的屏幕尺寸至關重要常見的手機屏幕尺寸范圍從較小的40英寸到較大的65英寸不等設計時，采用響應式設計方法，通過百分比媒體查詢等技術，確保網頁在不同設備上自適應調整布局和元素大小，以適應各種屏幕尺寸其次，基礎元素如按鈕輸入框滑塊等在不同設備上的尺寸。

3、CSS中的百分比中指的是相對于父元素的寬度子元素的paddingleft50%，父元素的寬度是百，子元素的margintop20%，那么父元素的高是百body默認寬度是屏幕寬度PC中指的是瀏覽器寬度子孫元素按百分比定位或指定尺寸就可以了但這只適合布局簡單的頁面，復雜的頁面實現很困難按照上面亮點頁。

4、對于安卓設備，網頁設計尺寸通常分為四個階段320dp480dp600dp和720dp其中，320dp適用于普通手機屏幕240x320，320×480，480x800，480dp適用于中間平板電腦480×800，600dp適用于7寸平板電腦600×1024，而720dp則適用于10寸平板電腦720×1280，800×1280至于iPad網頁設計尺寸。

5、相較于PC端網站，其尺寸通常固定且主要體現在寬度上，常用尺寸為1024像素px，這大大減輕了前端人員的負擔然而，手機網站的尺寸選擇需格外謹慎若以640px為基準設計，當用戶以320px的手機屏幕訪問時，網站內容可能僅展示一半，這顯然會損害用戶體驗，導致用戶流失因此，在設計手機網站時，首要任務是。

6、1pc端網版頁的設計稿尺寸是寬度1920px，高度最小是1080px，主體內容在權1200px內就行，比較規范2移動端網頁的設計尺寸可以考慮680px和720px網頁英語webpage是一個適用于萬維網和網頁瀏覽器的文件，它存放在世界某個角落的某一部或一組與互聯網相連的計算機中它是構成網站的基本元素。

7、手機端網頁就沒有統一標準了，比較流行的做法是按照iPhone 5的尺寸來設計倍率2，邏輯像素320x568 這樣的做法比較實在，倍率2的屏幕無論在iOS還是Android方面都是主流，而且又是2倍屏幕中邏輯像素最小的所以圖片的尺寸可以保持在較小的水平，頁面加載速度快當然，缺點就是在倍率3的設備上看，圖片不是特別清晰。