手機分辨率 HTML5移動網(wǎng)頁的設計稿尺寸應該是多少?
HTML5移動網(wǎng)頁的設計稿尺寸應該是多少?HTML5手機網(wǎng)頁設計草稿,通常,內(nèi)容區(qū)域是750px或960px或1080px,一般不小于750px像素大?。▽挾龋┰O計草稿可以大于750px,但絕對不小于
HTML5移動網(wǎng)頁的設計稿尺寸應該是多少?
HTML5手機網(wǎng)頁設計草稿,通常,內(nèi)容區(qū)域是750px或960px或1080px,一般不小于750px像素大小(寬度)
設計草稿可以大于750px,但絕對不小于750px,這主要是由于目前手機(iPhone)6的分辨率相對較高,是375個物理像素,但是實際像素是750的兩倍,這就是750的來源)
如果設計草圖太小,在實現(xiàn)草圖時,在高分辨率的情況下,前端的圖像大小將變得模糊,因此我們需要“大”分辨率
此外,在設計稿中要注意保證頁面的參考字體大小在320px以內(nèi),最小字體大小不應小于12像素。在與其他像素的設計草圖中,可以等比轉換(12/320px*設計草圖的像素值)
手機端網(wǎng)頁設計尺寸多少?
iPhone網(wǎng)頁的設計尺寸
iPhone 5的尺寸是640x1136px,分辨率是326ppi
iPhone 4和iPhone 4S的尺寸是640x960px,分辨率為326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸為320x480px,分辨率為163ppi
Android網(wǎng)頁的設計尺寸
320dp:普通手機屏幕(240x320320×480x800)
480dp:中型第三代和第四代iPad為2048x1536px,分辨率為264ppi,第一代和第二代iPad為1024x768px,分辨率為132ppi,迷你尺寸為1024x768px,分辨率是163ppi