使PC端网页宽度自适应手机屏幕大小

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no” />自己一开始用的是这一句去适应手机屏幕，可是不行，也还没找到原因。

在找方法的时候看到了这篇文章   ——   https://blog.csdn.net/lzqial1987/article/details/53347824

换了<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes” />这句之后就可以了，暂时不清楚为什么，希望有大佬给我解答一下。

width=device-width ：表示宽度是设备屏幕的宽度

initial-scale=1.0：表示初始的缩放比例

minimum-scale=0.5：表示最小的缩放比例

maximum-scale=2.0：表示最大的缩放比例

user-scalable=yes：表示用户是否可以调整缩放比例