让pc端代码适用移动端——<meta name="viewport"

写的代码，在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代表允许