meta 之 viewport(移动网页的全屏)

最新推荐文章于 2023-06-03 18:58:41 发布

{丸の子}

最新推荐文章于 2023-06-03 18:58:41 发布

阅读量178

点赞数

分类专栏： Web系统开发

本文链接：https://blog.csdn.net/waterseason/article/details/84267077

版权

Web系统开发专栏收录该内容

43 篇文章 0 订阅

订阅专栏

整理硬盘中几个月来整的小东西，移动网页开发涉及到 viewport，随意一篇，分享一下。
常用的 viewport meta 如下：


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

1、width : 控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）

2、height : 和width相对应，指定高度

3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例

4、maximum-scale : 允许用户缩放到的最大比例，范围从0到10.0

5、minimum-scale : 允许用户缩放到的最小比例，范围从0到10.0

6、user-scalable : 用户是否可以手动缩放，值可以是：①yes、 true允许用户缩放；②no、false不允许用户缩放