meta标签

# <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
- 默认情况下，移动端的浏览器会像在大屏幕上的桌面浏览器上那样显示html页面，宽度和高度都像PC浏览器一样大，此时移动端用户看到的这个页面就像是“高清网页”被严重缩放了一样，字体非常小，也比较模糊，必须手动放大才能看得清楚。而meta元素可以解决这个问题
- width：viewport的宽度
- height：viewport的高度
- initial-scale：初始缩放比例
- minimum-scale：允许缩放到的最小比例
- maximum-scale：允许缩放的最大比例
- user-scalable：是否允许用户手动缩放
- 此外，还有一个target-densitydpi，值得是目标机器的像素密度