北京移動靚號 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的設計稿當中,最小字體不宜小于12像素,其他像素的設計稿當中,等比例換算即可(12/320px*設計稿像素值)