移动终端项目设置属性

来源:互联网 发布:nginx 1.8.0 域名 ip 编辑:程序博客网 时间:2024/05/22 15:16

现在在做移动终端的项目,从头开始学习,记录一下。

1、<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。

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

2、<meta name="format-detection" content="telephone=no">

写了一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?
使用format-detection属性。

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

设置是否在全屏模式运行的Web应用程序。其实就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。

<meta name="apple-mobile-web-app-status-bar-style" content="black">

设置用于Web应用程序状态栏的样式


0 0
原创粉丝点击