首页 > 代码库 > 移动端布局(viewport)方法
移动端布局(viewport)方法
viewport默认有6个属性
- width: 设置viewport的宽度(即之前所提及到的,浏览器的宽度详),这里可以为一个整数,又或者是字符串"width-device"
- initial-scale: 页面初始的缩放值,为数字,可以是小数
- minimum-scale: 允许用户的最小缩放值,为数字,可以是小数
- maximum-scale: 允许用户的最大缩放值,为数字,可以是小数
- height: 设置viewport的高度(我们一般而言并不能用到)
- user-scalable: 是否允许用户进行缩放,‘no‘为不允许,‘yes‘为允许
我们把这个标签是在head里面,像这样
<meta name="viewport" content="initial-scale=1">
这样就可以做到对viewport的控制了
移动端布局(viewport)方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。