HTML页面自适应移动端屏幕

在网页代码的头部,加入一行viewport元标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

属性说明

属性 说明
width=device-width width为设置layout viewport 的宽度,为一个正整数,”width-device”表示宽度是设备屏幕的宽度
initial-scale=1.0 设置页面的初始缩放值,可以是一个带小数的数字,1.0就是占网页的100%
minimum-scale=1.0 最小的缩放比例
maximum-scale=1.0 最大的缩放比例
user-scalable=no 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许
发布了46 篇原创文章 · 获赞 0 · 访问量 2046

猜你喜欢

转载自blog.csdn.net/hon_vin/article/details/101750391