手机上的html
2013-12-19 21:34
281 查看
1、网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
其中:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
2、在编写 HTML 时,有一个 meta 元素:<meta name="format-detection"/>这个页面有何用途呢?
当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。
在 iPhone 上默认值是:
<meta name="format-detection" content="telephone=yes"/>
如果你不希望手机自动将网页中的电话号码显示为拨号的超链接,那么可以这样写:
<meta name="format-detection" content="telephone=no"/>
3、<link rel="apple-touch-icon-precomposed" href="xx.png"/>
可以在iPhone/iPod Touch上将网页"添加至主屏幕"时,去掉icon上那恶心的透明层。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
其中:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
2、在编写 HTML 时,有一个 meta 元素:<meta name="format-detection"/>这个页面有何用途呢?
当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。
在 iPhone 上默认值是:
<meta name="format-detection" content="telephone=yes"/>
如果你不希望手机自动将网页中的电话号码显示为拨号的超链接,那么可以这样写:
<meta name="format-detection" content="telephone=no"/>
3、<link rel="apple-touch-icon-precomposed" href="xx.png"/>
可以在iPhone/iPod Touch上将网页"添加至主屏幕"时,去掉icon上那恶心的透明层。
相关文章推荐
- 手机开发实战84——HTML介绍3
- 移动WEB——适合手机浏览的HTML页面
- 手机web——自适应网页设计(html/css控制)
- 手机web——自适应网页设计(html/css控制)
- 手机访问pc网站html,body默认渲染成980宽度
- HTML5+JS手机web开发之jQuery Mobile初涉
- HTML中判断手机是否安装某APP,跳转或下载该应用
- 手机web——自适应网页设计(html/css控制)
- html手机3列自适应
- 手机版html
- 手机web——自适应网页设计(html/css控制)
- 手机web——自适应网页设计(html/css控制)
- html网页宽度自动适应手机屏幕宽度的方法
- html网页兼容手机浏览器(解决显示页面很小的问题)
- Html与手机屏幕自适应
- html5开发手机打电话发短信功能,html5的高级开发,html5开发大全,html手机电话短信功能详解
- 手机和电脑版是写在同一个html里面吗
- PhoneGap(HTML5+javascript开发手机)创建helloword [移动平台 Android]
- HTML5+Canvas手机拍摄,本地压缩上传图片,案例实测报告。
- HTML中判断手机是否安装某APP,跳转或下载该应用