总结一下属性:
常用属性 safari浏览器私有meta属性 uc浏览器私有meta属性 qq浏览器私有meta属性
常用属性:
<meta name="viewport"
content="width=device-width, //宽度为设备宽度
initial-scale=1.0, //初始的缩放比例
maximum-scale=1.0, //允许用户缩放的最大比例
minimum-scale=1.0, //允许用户缩放的最小比例
user-scalable=no, //用户是否可以手动缩放
minimal-ui">
<meta name="format-detection" content="telephone=no"> //是否识别页面的手机号
safari浏览器私有属性
<meta name="apple-mobile-web-app-capable" content="yes">
//是否隐藏地址栏和toolbar no则页面显示全屏
<meta name="apple-mobile-web-app-title" content="APP name">
//添加主屏后的标题
uc浏览器私有属性
<meta name="screen-orientation" content="landscape">
//选择横屏还是竖屏 landscape横屏 portrait竖屏
<meta name="full-screen" content="yes">
//是否全屏
<meta name="browsermode" content="application">
//应用模式是为方便 web 应用及游戏开发者设置的综合开关,通过 meta 标签进行指示打开,
//当进入应用模式时,长按菜单、默认手势、夜间模式失效
<meta name="layoutmode" content="fitscreen">
//UC 浏览器供适屏模式及标准模式,其中适屏模式简化了一些页面的处理,
//使得页面内容更适合进行页面阅读、节省流量及响应更快。
//而标准模式则能按照标准规范对页面进行排版及渲染。
//content:fitscreen|standard
<meta name="nightmode" content="disable">
//UC 浏览器供适屏模式及标准模式,其中适屏模式简化了一些页面的处理,使得页面内容更适合
//进行页面阅读、节省流量及响应更快。而标准模式则能按照标准规范对页面进行排版及渲染。
//content:fitscreen|standard
<meta name="imagemode" content="force">
//为了节省流量及加快速度,通过强制图片显示的功能可以保证图片显示不受用户的设置影响。
qq浏览器私有属性
<meta name="x5-orientation" content="landscape">
//强制横/竖屏以及跟随浏览器设置[默认] content:landscape|portrait|auto
<meta name="x5-fullscreen" content="true">
//强制全屏以及跟随浏览器设置[默认] content:true|auto
<meta name="x5-page-mode" content="default">
//普通浏览模式[默认]以及网页应用模式(定制工具栏,全屏显示) content:default|app