h5頁面標(biāo)準(zhǔn)尺寸 微信H5頁面的尺寸,設(shè)計時候做多少尺寸?
微信H5頁面的尺寸,設(shè)計時候做多少尺寸?H5的尺寸一般設(shè)計為640x1136px 既滿足了顯示需求,又能降低用戶加載圖片需要的帶寬。 可以用各種分辨率的移動智能手機查看我們設(shè)計的H5頁面時,當(dāng)然,也會
微信H5頁面的尺寸,設(shè)計時候做多少尺寸?
H5的尺寸一般設(shè)計為640x1136px 既滿足了顯示需求,又能降低用戶加載圖片需要的帶寬。 可以用各種分辨率的移動智能手機查看我們設(shè)計的H5頁面時,當(dāng)然,也會出現(xiàn)如下的情況,內(nèi)容顯示不全,甚至一些重要內(nèi)容和按鈕都會被遮擋。 第一:背景圖片必須采用background-size:cover來實現(xiàn)。 第二:我們在進行H5頁面內(nèi)容規(guī)劃布局設(shè)計的時候,不能把重要內(nèi)容放在太偏下的位置或者偏上,否則前端布局時可能出現(xiàn)內(nèi)容顯示不全的情況。
HTML5移動網(wǎng)頁的設(shè)計稿尺寸應(yīng)該是多少?
HTML5的移動端網(wǎng)頁設(shè)計稿,通常情況下,內(nèi)容區(qū)為750px或960px或者1080px的,一般不小于750px像素大小(寬度)
設(shè)計稿可以比750px大,但是絕對不能比750px小,這個主要是由于當(dāng)前手機的分辨率相對較高(iPhone 6是375物理像素,但實際像素為其兩倍,也就是750,這個750就是這么來的)
如果設(shè)計圖稿過小,前端在實現(xiàn)圖稿的時候里面的圖片大小在高分辨率的情況下會顯得模糊不清,所以這也是為何要“大”分辨率
此外需要注意的是,要保證頁面的基準(zhǔn)字體大小,在320px的設(shè)計稿當(dāng)中,最小字體不宜小于12像素,其他像素的設(shè)計稿當(dāng)中,等比例換算即可(12/320px*設(shè)計稿像素值)