写的代码,在pc端运行正常,在移动端就很小很小,需要放大。这时候可引入这个标签
用法,在<head></head>中添加<meta name="viewport"标签,如
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.2">
各项含义:
width | 设置layout viewport 的宽度,为一个正整数,或字符串"width-device" |
initial-scale | 设置页面的初始缩放值,为一个数字,可以带小数 |
minimum-scale | 允许用户的最小缩放值,为一个数字,可以带小数 |
maximum-scale | 允许用户的最大缩放值,为一个数字,可以带小数 |
height | 设置layout viewport 的高度,这个属性对我们并不重要,很少使用 |
user-scalable | 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许 |