使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:表示用户是否可以调整缩放比例