内容参考自:
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新属性:
- width:设置layout viewport的宽度,正整数或字符串“device-width”
- initial-scale:设置页面的初始缩放值,数字或小数
- minimum-scale:允许用户的最小缩放值
- m