HTML5技术

移动端meta行大全 - Candice&Gladys

字号+ 作者:H5之家 来源:H5之家 2017-06-27 14:00 我要评论( )

width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) initial-scale: 初始的缩放比例 (范围从0到 10 ) minimum-scale: 允许用户缩放到的最小比例 maximum-scale: 允许用户缩放到的最

 
width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 )

height: viewport 的高度 (范围从 223 到 10,000 )

initial-scale: 初始的缩放比例 (范围从>0到 10 )

minimum-scale: 允许用户缩放到的最小比例

maximum-scale: 允许用户缩放到的最大比例

user-scalable: 用户是否可以手动缩放

 

<!-- 是否删除默认的苹果工具栏和菜单栏 -->

<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- 启用360浏览器的极速模式(webkit) -->

<meta name="renderer" content="webkit">

<!-- 避免IE使用兼容模式 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- 微软的老式浏览器 -->

<meta name="MobileOptimized" content="320">

<!-- uc强制竖屏 -->

<meta name="screen-orientation" content="portrait">

<!-- QQ强制竖屏 -->

<meta name="x5-orientation" content="portrait">

<!-- UC强制全屏 -->

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • C#开发移动应用系列(3.使用照相机扫描二维码+各种基础知识) - GuZhenYin

    C#开发移动应用系列(3.使用照相机扫描二维码+各种基础知识) - GuZhen

    2017-06-24 17:01

  • 移动端页面布局的那些事儿 - 小矮人Web前端

    移动端页面布局的那些事儿 - 小矮人Web前端

    2017-06-14 14:00

  • C#开发移动应用系列(1.环境搭建) - GuZhenYin

    C#开发移动应用系列(1.环境搭建) - GuZhenYin

    2017-06-10 11:00

  • 是时候开始用C#快速开发移动应用了 - 腾飞(Jesse)

    是时候开始用C#快速开发移动应用了 - 腾飞(Jesse)

    2017-06-08 16:01

网友点评
g