I have been engaged in public platforms over the past few days and have to write several pages. However, when I tested it, I found that it was not the same as I thought. So I went to several pages and looked at it, I found that they had meta viewport labels in the header of the page, so I went to the Internet and found that the layout was the same, and some layout was very ugly. So I copied them and re-typed them,
Parameter description-
-
Width:
-
Controls the viewport size. You can specify a value, such as 600 or a special value. For example, if device-width is the width of the device (unit: the pixel of CSS scaled to 100%)
-
Height:
-
Corresponds to width, specifying the height
-
Initial-scale:
-
Initial scaling ratio: The scaling ratio when the page is loaded for the first time
-
Maximum-scale:
-
Maximum scale allowed by users, ranging from 0 to 10.0
-
Minimum-scale:
-
The minimum scale allowed by the user, ranging from 0 to 10.0.
-
User-scalable:
-
Whether the user can scale manually. The value can be yes/true to allow user scaling. no/false to allow user scaling.