模仿移动safari的默认缩放

时间:2012-01-26 07:06:47

标签: javascript css mobile safari

如果您在iPhone 4上打开一个完全不是移动设备的网页,例如http://dogpile.com,则移动版Safari会默认缩放以显示整个网页。

有谁知道它们实际上在做什么逻辑,或者我如何在非移动设备上的任何浏览器中的iFrame中模拟这个?我应该在iFrame文档正文中使用css zoom吗?

编辑:所以从非移动设备浏览器,例如,常规的旧游侠,FF或Chrome,我想要一个具有iPhone分辨率的iFrame,并在iframe中缩放页面,就像移动游侠一样。

2 个答案:

答案 0 :(得分:1)

数学基于<body>标签的宽度。如果你没有,你可以只使用980px,这是web标准。假设我们可以创建iframe和全尺寸(980px宽),然后使用css3将iframe缩放到位。示例How can I scale the content of an iframe?

答案 1 :(得分:0)

<meta name="viewport" content="initial-scale=1.0, user-scalable=no">