移动端常见meta设置

1、设置viewport


这句话设置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的写法

uc的写法


3、浏览器全屏显示

只有UC和X5内核的浏览器支持,其他浏览器不支持

X5的写法


uc的写法


4、禁止识别电话号码和邮箱号码


5、webapp 全屏模式:伪装app,离线应用

 

6、隐藏状态栏/设置状态栏颜色:只有在开启webapp全屏模式时才生效,content的值为default\black\black-translucent.



7、添加到主屏后的标题


8、浏览器内核控制:国内浏览器很大都说双内核的,我们可以指定内核进行渲染

9、禁止浏览器从本地计算机的缓存中访问页面内容


10、转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码可添加如下meta



你可能感兴趣的:(css布局)