The size of mobile H5 is generally designed to be 640x1136px.
It not only meets the display needs, but also reduces the bandwidth required by users to load images.
When you can use mobile smartphones with various resolutions to view the H5 page we designed, of course, the following situations will also occur: the content is not fully displayed, and even some important content and buttons are blocked.
First: The background image must be implemented using background-size:cover;.
Second: When we are planning and designing the content of the H5 page, we cannot place important content too low or too high, otherwise the content may not be fully displayed during the front-end layout.
Extended information:
An application HTML standard under the Standard Universal Markup Language. Since HTML4.01 was released in December 1999, subsequent HTML5 and other standards have been shelved.
In order to promote the development of the Web standardization movement, some companies have joined forces to form an organization called the Web Hypertext Application Technology Working Group (WHATWG).
WHATWG focuses on Web forms and applications, while W3C (World Wide Web Consortium, World Wide Web Consortium) focuses on XHTML2.0. In 2006, the two parties decided to collaborate to create a new version of HTML.
[Related recommendations: HTML5 video tutorial]
The above is the detailed content of Mobile h5 page size. For more information, please follow other related articles on the PHP Chinese website!