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

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

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

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

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

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

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