1,设置viewport
<meta name="viewport" content="width=device-width,user-scalable=no">
这句话设置viewport的宽为设备的宽,禁止用户进行缩放
a) width: 宽度(数值/device-width) 默认为980
b)height 高度(数值/device-height)
c)initial-scale: 初始的缩放比例
d)minimum-scale: 允许用户缩放到的最小比例
e)maximum-scale: 允许用户缩放到的最大比例
f)user-scalable: 用户是否可以手动缩放
2,强制竖屏
只有UC和X5内核的浏览器支持,其他浏览器不支持。
x5的写法:
<meta name="x5-orientation" content="portrait">
uc的写法:
<meta name="screen-orientation" content="portrait">
3,浏览器全屏显示
只有UC和X5内核的浏览器支持,其他浏览器不支持。
X5的写法:
<meta name="x5-fullscreen" content="true">
uc的写法:
<meta name="full-screen" content="yes">
原文博客:移动端常见meta设置
原文地址:https://www.cnblogs.com/qianxunpu/p/8969616.html
时间: 2024-11-08 20:32:54