The following are some of his "conclusion", I do not know if correct, please correct me:
viewport
p {width: 50%}
When horizontal screen, p the width is 240, while the vertical screen, p the width is 200.
Preliminary conclusion is, if you set the viewport width by initial-scale screen size can not be reached, then the viewport width values take the screen size.
Because when the cross above the screen 400 or less than 480, and the zoom is set to 1, can not be stretched, so I finally took the 480 for validation, we again,
p {width: 50%}
When horizontal screen, p the width is 250, while the vertical screen, width value of p is also 250. This shows that the viewport anyway when setting values are exceeded inch screen, so the actual viewport is set to take the final.
Explicitly set the viewport width, but do not set initial-scale value when,
This property is very useful when we set the viewport is less than the value of the time-inch screen, it can stretch to solve the problem, so they do not have to take the screen size as the viewport, such as:
p {width: 50%}
When horizontal screen, p the width is 100, while the vertical screen, width value of p is also 100. This shows that when the width is 200, although the 320-inch screen vertical screen, but amplified by initial-scale full-screen size also meet the needs of the viewport, horizontal screen is the same. The only bad part was enlarged font, and this amplification is not our own set of values, not control.
Not explicitly set viewport width, nor the time to set initial-scale,
If you do not display settings, looks like the default viewport screen either horizontal or vertical screen, this value is 980px, as
p {width: 50%}
When horizontal screen, p the width is 490, while the vertical screen, width value of p is also 490. Preliminary conclusions described above is correct.
Initial-scale setting only when,
p {width: 50%}
When horizontal screen, p the width is 480, while the vertical screen, width value of p is also 320. Amount, this value appeared when scared me, because when you say that the value of the vertical screen viewport is at least 640. . . Then infer only remove 0.5-inch screen will reach this value, this conclusion dare, then again,
p {width: 50%}
If the vertical screen, p = 320/2/2 the width is 80, then the conclusion is basically correct. . The results of the experiment, indeed, when the vertical is 80, when the cross was 480/2/2 = 120. So,
If you do not explicitly set the viewport, setting only initial-scale, then the value of the viewport is equal to the screen size divided by the value of the viewport, do not know right? First, so be it.
Note:
initial-scale value can only be set up to 5, as well as setting p width 6,8,10 and 30 are set in the same time 5.
Reply:
What you say is web?
No comments:
Post a Comment