[page Viewport problem] what is the relationship between layout viewport size and zooming?

when I was learning layout viewport, I learned that scale scaling does not affect the size of the layout viewport. The size of the layout viewport is the same when zooming, but when using scale to solve the 1px problem, it is as follows:

<meta name="viewport" content="inital-scale=0.5, width=device-width">

both the width of the layout viewport and the vistual viewport I got are doubled! So doesn"t it mean that scale will affect the size of layout viewport? Does the width of layout viewport have anything to do with the width of vistual viewport?

Apr.07,2022

I think it's better not to change the scale here, which will affect the layout of the entire page.


initial-scale initially sets layout viewport to be the same as vistual viewport


initial-scale = 0.5 means that the layout viewport will not be affected after the user touches the screen to zoom, because the layout is not affected

initial-scale = 0.5 is equivalent to shrinking the screen
initial-scale = 2 is equivalent to enlarging the screen

when initial-scale = 0.5, the layout viewport layout viewport = ideal viewport / 0.5 = 750
zooms out when the layout viewport is displayed in the ideal viewport of 375.At the same time, the visual viewport corresponds to the width of the layout viewport of 7500.So the visual viewport is equal to 750mm

.
Menu