移動端網(wǎng)頁設(shè)計 手機端網(wǎng)頁設(shè)計尺寸多少?
手機端網(wǎng)頁設(shè)計尺寸多少?iPhone網(wǎng)頁的設(shè)計尺寸iPhone 5的尺寸為640x1136px,分辨率為326ppiiPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
手機端網(wǎng)頁設(shè)計尺寸多少?
iPhone網(wǎng)頁的設(shè)計尺寸
iPhone 5的尺寸為640x1136px,分辨率為326ppi
iPhone 4和iPhone 4S的尺寸為640x960px,分辨率為326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸為320x480px,分辨率為163ppiAndroid網(wǎng)頁的設(shè)計尺寸
320dp:普通手機屏幕(240x320320×480x800)
480dp:中屏幕平板電腦圖像(480×800)
600dp:7英寸平板電腦(600×1024)
720dp:10英寸平板電腦(720×1280800×1280)
iPad網(wǎng)頁的設(shè)計尺寸
第三層和第三層的尺寸第四代iPad是2048x1536px,分辨率是264ppi
第一代和第二代iPad的尺寸是1024x768px,分辨率是132ppi
iPad的迷你尺寸是1024x768px,分辨率是163ppi
網(wǎng)頁設(shè)計合適的尺寸,已經(jīng)改變了很多,不需要擔(dān)心不同設(shè)備尺寸的問題,在目前主流的網(wǎng)頁設(shè)計形式中,有以下幾種:
1、PC端網(wǎng)頁設(shè)計草稿尺寸為1920px寬,最小高度為1080px,主要內(nèi)容為1200px,比較規(guī)范。
2. 手機網(wǎng)頁的設(shè)計尺寸可以考慮680px和720px
HTML5手機網(wǎng)頁設(shè)計初稿。一般來說,如果內(nèi)容區(qū)域是750px或960px或1080px,則通常不小于750px像素大?。▽挾龋?/p>
設(shè)計草圖可以大于750px,但不得小于750px。這主要是因為目前手機(iPhone)6的分辨率相對較高,是375個物理像素,但實際像素是750的兩倍,這就是750的來源)
如果設(shè)計草圖太小,在實現(xiàn)草圖時,在高分辨率的情況下,前端的圖像大小會變得模糊,所以就這樣為什么我們需要“大”分辨率
另外,我們需要注意的是,在設(shè)計草稿時要保證頁面的參考字體大小在320px以內(nèi),最小字體大小不能小于12像素。在與其他像素的設(shè)計草圖中,可按等比例轉(zhuǎn)換(12/320px*設(shè)計草圖像素值)