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