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