【前端学习笔记】移动端适配之我见

内容参考自：
https://imweb.io/topic/5a523cc0a192c3b460fce3a5
https://juejin.im/entry/5c580c02f265da2dc8493f8a
https://www.cnblogs.com/shenxiaolin/p/5388464.html

前言

我们知道网页很宽，而移动设备例如手机很窄，如果不进行屏幕适配，很容易导致网页错乱。
那么屏幕适配有哪些方法呢？
首先是大家通常会想到的meta标签。

一般方法，meta viewport + js

利用meta标签中viewport的通用属性来处理。

<meta name="viewport" content="width=device-width">

6属性+1新属性：

1. width：设置layout viewport的宽度，正整数或字符串“device-width”
2. initial-scale：设置页面的初始缩放值，数字或小数
3. minimum-scale：允许用户的最小缩放值
4. m