iPhone/android的viewport 解决网页自动缩放的问题
来源:互联网 发布:ios 省市区json数据 编辑:程序博客网 时间:2024/05/31 18:40
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
viewport有如下几个属性:
width设置viewport的宽度,即iphone最初模拟PC浏览器的宽度,之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上。设置width=device-width后就不会再进行缩放了,因为宽度正好和iphone的宽度相同(前提是没有设置缩放比例)。
minimum-scale和maximum-scale是控制用户允许设置的缩放比例的。
user-scalable标识是否允许对页面进行缩放,取值有两个yes和no。设置为no则不允许进行页面缩放了。
initial-scale设置用户最初看到页面时的缩放比例。
target-densitydpi Android 浏览器所需要的,因为 Android 硬件设备标准不一, 其中同样物理尺寸的屏幕,可能因为 dpi 的不同而具有不同的分辨率,
Android 浏览器默认会缩放页面以便最好地呈现, 可惜和 Java 的垃圾回收一样,它很难做到"最好"。所以最好还是人工指定吧。
target-densitydpi 可以设定的值
device-dpi - Use the device's native dpi as the target dpi. Default scaling never occurs. 设备本身的像素
high-dpi - Use hdpi as the target dpi. Medium and low density screens scale down as appropriate 用高像素,中低像素屏幕适当缩小。
medium-dpi - Use mdpi as the target dpi. High density screens scale up and low density screens scale down. 中等像素,高的屏幕放大,低的变小是默认值
low-dpi - Use ldpi as the target dpi. Medium and high density screens scale up as appropriate 低像素,中高像素会适当变大。
viewport有如下几个属性:
width设置viewport的宽度,即iphone最初模拟PC浏览器的宽度,之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上。设置width=device-width后就不会再进行缩放了,因为宽度正好和iphone的宽度相同(前提是没有设置缩放比例)。
minimum-scale和maximum-scale是控制用户允许设置的缩放比例的。
user-scalable标识是否允许对页面进行缩放,取值有两个yes和no。设置为no则不允许进行页面缩放了。
initial-scale设置用户最初看到页面时的缩放比例。
target-densitydpi Android 浏览器所需要的,因为 Android 硬件设备标准不一, 其中同样物理尺寸的屏幕,可能因为 dpi 的不同而具有不同的分辨率,
Android 浏览器默认会缩放页面以便最好地呈现, 可惜和 Java 的垃圾回收一样,它很难做到"最好"。所以最好还是人工指定吧。
target-densitydpi 可以设定的值
device-dpi - Use the device's native dpi as the target dpi. Default scaling never occurs. 设备本身的像素
high-dpi - Use hdpi as the target dpi. Medium and low density screens scale down as appropriate 用高像素,中低像素屏幕适当缩小。
medium-dpi - Use mdpi as the target dpi. High density screens scale up and low density screens scale down. 中等像素,高的屏幕放大,低的变小是默认值
low-dpi - Use ldpi as the target dpi. Medium and high density screens scale up as appropriate 低像素,中高像素会适当变大。
- iPhone/android的viewport 解决网页自动缩放的问题
- iPhone/android的viewport 解决网页自动缩放的问题
- iPhone/android的viewport 禁止页面自动缩放
- 解决火狐浏览器无法用触控屏缩放网页的问题
- 解决上传iphone拍照的图片自动翻转的问题
- 解决html网页缩放问题
- SVG的viewport,viewBox,preserveAspectRatio缩放
- html viewport 计算自动缩放
- 浏览器缩放造成的网页错位问题
- 让网页自动适应手持设备的宽度—viewport深入理解
- Android图片的缩放问题
- 消除viewport的疑惑-移动网页开发
- 关于viewport的一些问题
- meta标签viewport申明,解决手机浏览页面缩放异常问题
- 解决网页打不开的问题
- 关于禁止iPhone自动锁定的问题
- android cookie管理,解决网页访问不了的问题
- viewport 缩放
- Android - LayoutInflater
- 常用的windows快捷键
- 获得与设置系统默认设备主音量音量大小以及静音控制函数
- java处理高并发高负载类网站的优化方法
- 小人物吃金币_android小游戏(2)
- iPhone/android的viewport 解决网页自动缩放的问题
- android搜索框实现
- 最新eclipse中android插件安装下载地址
- 敏捷开发的26条至理名言
- 最短路
- HTML页面自动跳转的五种实现方法
- C#下载Excel表
- Java程序员都应该知道的福利
- 关于人生