行動端H5的尺寸一般設計為640x1136px。
既滿足了顯示需求,又能降低使用者載入圖片所需的頻寬。
可以用各種解析度的行動智慧型手機查看我們設計的H5頁面時,當然,也會出現如下的情況,內容顯示不全,甚至一些重要內容和按鈕都會被遮擋。
第一:背景圖片必須採用background-size:cover;來實作。
第二:我們在進行H5頁面內容規劃佈局設計的時候,不能把重要內容放在太偏下的位置或偏上,否則前端佈局時可能出現內容顯示不全的情況。
擴充資料:
標準通用標記語言下的一個應用HTML標準自1999年12月發布的HTML4.01後,後繼的HTML5和其它標準被束之高閣。
為了推動Web標準化運動的發展,有些公司聯合起來,成立了一個叫做 Web Hypertext Application Technology Working Group (Web超文本應用技術工作組 -WHATWG) 的組織。
WHATWG 致力於 Web 表單和應用程序,而W3C(World Wide Web Consortium,萬維網聯盟) 專注於XHTML2.0。在 2006 年,雙方決定進行合作,來建立一個新版本的 HTML。
【相關推薦:HTML5影片教學】
以上是行動端h5頁面尺寸大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!