网页手机横屏竖屏下字体和图标大小不一样

head里增加一行
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name="viewport" />

width 设置layout viewport  的宽度,为一个正整数,或字符串"width-device"
initial-scale 设置页面的初始缩放值,为一个数字,可以带小数
minimum-scale 允许用户的最小缩放值,为一个数字,可以带小数
maximum-scale 允许用户的最大缩放值,为一个数字,可以带小数
height 设置layout viewport  的高度,这个属性对我们并不重要,很少使用
user-scalable 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许

猜你喜欢

转载自blog.csdn.net/dandelionoooo/article/details/81281346