码迷,mamicode.com
首页 > Web开发 > 详细

常用meta设置

时间:2018-04-28 22:25:18      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:height   div   scala   use   ble   code   article   mini   ice   

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设置

 

常用meta设置

标签:height   div   scala   use   ble   code   article   mini   ice   

原文地址:https://www.cnblogs.com/qianxunpu/p/8969616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!