关于viewport，让页面适用任何手机

最新推荐文章于 2024-07-19 22:55:18 发布

yuanxu21

最新推荐文章于 2024-07-19 22:55:18 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yuanxu21/article/details/54409244

本文解释了Viewport Meta标签的作用及属性，包括width、height、initial-scale等，并介绍了如何通过这些属性设置网页以适配不同尺寸的手机屏幕。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no">

第一次遇到这个自己存在疑惑，

width--viewport的宽度，height--viewport的高度，initial-sacle --初始的缩放比例，
minimum-scale --允许用户缩放到的最小比例，maximum-scale --允许用户缩放到的最大比例，
user-scale --用户是否可以手动缩放；页面适合任何手机的使用viewport