iPhone/android的viewport 解决网页自动缩放的问题

标签: 开发文档 | 发表时间:2012-12-05 22:56 | 作者:快乐无极 <[email protected]>
出处:http://it.oyksoft.com/index.php
<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 低像素,中高像素会适当变大。
Tags - , , ,

相关 [iphone android viewport] 推荐:

iPhone/android的viewport 解决网页自动缩放的问题

- - 快乐无极的博客
viewport有如下几个属性:. width设置viewport的宽度,即iphone最初模拟PC浏览器的宽度,之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上. 设置width=device-width后就不会再进行缩放了,因为宽度正好和iphone的宽度相同(前提是没有设置缩放比例).

Android 怎样击败 iPhone ?

- 菡萏 - 爱范儿 · Beats of Bits
关于标题这事,有很多头头是道的理论. 这个 Blog 也只是把那些中的一些拿出来再说一次而已. 因为,本文说的不是理论,而是已经发生的事实. 而且,和一般的认识不同, Android 在日本销量上击败 iPhone ,并非依靠廉价. Android 手机基本上保持了和 iPhone 同样的价位,甚至更贵.

iPhone为什么比Android好

- FlyFire - 果迷网
当一个人相信世间存在真相和真理并懂得真理永远无法对谎言妥协和宽容时,他的中立病就痊愈了. 我一向认为,对话这项事情是必须建立在双方有知识储备交集的情况下发生的,当然前提是独立思考得来的知识而不是谷歌或维基来的. 基于《人性论》或《道德情操论》也许可以就”要加薪弹钢琴“的道德问题进行一些交流,但是在这个事情的法律层次上交流可能就必须具备种花忍民《刑法》等知识.

理解SVG的viewport,viewBox,preserveAspectRatio

- - Web前端 - ITeye博客
        一个svg,设置了viewBox之后,viewBox的长宽值如果都小于svg的viewport的长宽值,那么结果一定是放大;但是viewBox的长宽值一旦有一个值大于vewport之后,最后的实际效果就不是放大,而是缩小了.         因为viewBox的目的是要自己设置的长宽范围填满viewport.

Android与Iphone的体验差异

- keepwalking - 互联网的那点事
2007年中苹果发布iphone,2007年末谷歌发布Android系统. 在今年已经超过Iphone成为美国的头号智能手机系统. 从产品开发而言,苹果mac平台加授权开发模式阻挡了一部分人群;而java的安卓系统且用xml方式构建widget,很方便的开发出应用也是其优势,毕竟众人拾柴火焰高,也就铸就了安卓应用市场的繁华.

观点:iPhone为什么比Android好

- Frank Cai - CnBeta.COM
感谢我是JW我要收购HTC的投递. 曾经在不同场合与很多安卓青探讨过一些或浅或深的知识层面问题,如今想来具备真正独立思考能力与当量知识储备的,也只有一人而己;换言之,绝大部分时候只是对牛弹琴. 那么我将从以下七点来说明iPhone 4比Android手机们好在哪里:工业设计,操作系统,屏幕显示,开发环境,生态环境,硬件配置,杂项.

Android人與iPhone人大不同

- daviddu - TechOrange
繼 Mac 人和 PC 人的分析之後,Hunch.com 又接著公佈了 iPhone 人和 Android 人的比較結果,雖然是針對美國人進行的調查,不過還是可以參考摘錄重點如下:. 你是 Android 人還是 iPhone 人. 這篇文章內容是Hunch.com針對約15000名用戶調查所得到的結果,自然無法代表所有人,因為有趣所以和大家分享,希望不會引起世界大戰~.