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

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

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

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

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

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

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