Shulou(Shulou.com)06/02 Report--

This article is mainly about "how to understand the viewpoint of h5 page". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "how to understand the viewpoint of h5 page"!

Viewpoint of H6 page

On the Internet, I saw a famous foreigner who wrote the concept of "three viewpoint", but when I read it, I felt that I didn't understand it. Later, I did a lot of H6 pages, and then rethought what kind of mechanism viewpoint is to control mobile pages. So I also think it is easier to explain with "3 viewpoint", but it may be quite different from the "three viewport" of that foreign tycoon on the Internet.

Viewpoint meaning

The first viewpoint, temporarily named viewpoint1 here, is the number of horizontal pixels on the phone's hardware screen. For example, if the iPhone6 resolution is 750 pixels, then the viewpoint is 750.

The second viewpoint, temporarily named viewpoint2 here, is the size and width of the design draft, usually based on a mobile phone resolution with a high user share, many of which are based on the 750th of iPhone6.

The third viewpoint, temporarily named viewpoint3, is the width of the mobile browser canvas. It usually has a size much larger than the hardware resolution, such as 980px, which is equivalent to the content body width of the mainstream PC web pages. Viewpoint3 is the only one that can exert direct influence on the front end. In fact, it can be said that there is only one objective viewpoint, which can be set with the tag meta in html or dynamically set by JS.

In the end, the effect of browsing the H6 page on your mobile phone is the joint effect of these three viewpoint. In the absence of code intervention, the average phone will have a zoom from viewpoint3 to viewpoint1. Why do mobile phones design this mechanism? Because the hardware screen of the mobile phone is small, but I want the phone to browse the PC page normally.

In order to have a better experience, people began to customize web pages for their phones. For example, since iphone6 is 750px, I will do 750px pages. But even so, the actual effect of the page seen by the phone is still scaled, because the page of 750px still has to be displayed in the viewpoint3 of 980px, while zooming is the process of viewpoint3 to viewpoint1, which has nothing to do with the width of the design draft and the viewpoint2 that is the actual width of the page.

At this point, I believe you have a deeper understanding of "how to understand the viewpoint of the h5 page". You might as well do it in practice! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.