移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì) 手機(jī)端網(wǎng)頁(yè)設(shè)計(jì)尺寸多少?
手機(jī)端網(wǎng)頁(yè)設(shè)計(jì)尺寸多少?iPhone網(wǎng)頁(yè)的設(shè)計(jì)尺寸iPhone 5的尺寸為640x1136px,分辨率為326ppiiPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
手機(jī)端網(wǎng)頁(yè)設(shè)計(jì)尺寸多少?
iPhone網(wǎng)頁(yè)的設(shè)計(jì)尺寸
iPhone 5的尺寸為640x1136px,分辨率為326ppi
iPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸為320x480px,分辨率為163ppiAndroid網(wǎng)頁(yè)的設(shè)計(jì)尺寸
320dp:普通手機(jī)屏幕(240x320320×480x800)
480dp:中屏幕平板電腦圖像(480×800)
600dp:7英寸平板電腦(600×1024)
720dp:10英寸平板電腦(720×1280800×1280)
iPad網(wǎng)頁(yè)的設(shè)計(jì)尺寸
第三層和第三層的尺寸第四代iPad是2048x1536px,分辨率是264ppi
第一代和第二代iPad的尺寸是1024x768px,分辨率是132ppi
iPad的最小尺寸是1024x768px,分辨率為163ppi
30W以上客戶端用戶的測(cè)試數(shù)據(jù)如下(來(lái)自網(wǎng)絡(luò)的數(shù)據(jù)):
在windowxp中1024×768的通用分辨率下,去掉任務(wù)欄、瀏覽器菜單欄和狀態(tài)欄后,剩余網(wǎng)頁(yè)第一屏的平均高度為584。在分辨率為1440×900的7號(hào)窗口中,去掉任務(wù)欄、瀏覽器菜單欄和狀態(tài)欄,第一屏剩余平均高度為716。windowxp的第一個(gè)屏幕尺寸是580px,window7的第一個(gè)屏幕尺寸是710px
HTML5移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)草稿,通常,內(nèi)容區(qū)域是750px或960px或1080px,一般不小于750px像素大?。▽挾龋?/p>
設(shè)計(jì)草稿可以大于750px,但絕對(duì)不小于750px,這主要是因?yàn)槟壳笆謾C(jī)(iPhone)6的分辨率相對(duì)較高,是375個(gè)物理像素,但實(shí)際像素是750的兩倍,這就是750的來(lái)源)
如果設(shè)計(jì)草圖太小,在實(shí)現(xiàn)草圖時(shí),在高分辨率的情況下,前端的圖像大小會(huì)變得模糊,所以就這樣為什么我們需要“大”分辨率
另外,我們需要注意的是,在設(shè)計(jì)草稿時(shí)要保證頁(yè)面的參考字體大小在320px以內(nèi),最小字體大小不能小于12像素。在與其他像素的設(shè)計(jì)草圖中,可按等比例轉(zhuǎn)換(12/320px*設(shè)計(jì)草圖像素值)