移動端H5的尺寸一(yī)般設計為(wèi)640x1136px。
既滿足了顯示需求,又(yòu)能(néng)降低(dī)用戶加載圖片需要的帶寬。
可以用各種分辨率的移動智能(néng)手機(jī)查看(kàn)我們設計的H5頁面時,當然,也會(huì)出現如下(xià)的情況,内容顯示不全,甚至一(yī)些重要内容和按鈕都會(huì)被遮擋。
第一(yī):背景圖片必須采用background-size:cover;來實現。
第二:我們在進行H5頁面内容規劃布局設計的時候,不能(néng)把重要内容放(fàng)在太偏下(xià)的位置或者偏上(shàng),否則前端布局時可能(néng)出現内容顯示不全的情況。