6

Mobile Safari 有没有办法识别用于手机的网站并自动放大？这在其他手机和浏览器上如何工作？

我想避免查看 user_agent 并为每个移动浏览器发送不同的页面。

4

4 回答 4

9

请参阅 Apple web-app 开发人员指南的配置视口部分。

于 2009-08-03T17:48:31.170 回答
1

我刚刚注意到，如果您将 body 或 main wrapper div 高度设置为 100%，这可能会影响它在移动浏览器上的缩放/渲染范围。在移动 safari 和 android 的 chrome 浏览器中确认了这一点。一旦我将#siteWrapper 高度从 100% 设置为自动，它就会以更好的比例呈现。

（主包装上的 100% 高度通常与粘性页脚一起使用。）

于 2011-05-31T20:11:59.593 回答
0

站点可以识别移动浏览器并相应地产生输出，这通常是所需的方式。

Safari 会检测宽度和缩放以适应，但除此之外......

于 2009-08-03T17:37:43.110 回答
0

您可以通过使用条件 CSS 来避免基于用户代理的不同页面。苹果实际上有一些非常好的文档来创建可以支持 iPhone 上的 Safari 以及桌面浏览器的网页。

我建议从阅读iPhone Human Interface Guidelines for Web Applications开始。这将为您使用条件 CSS 根据设备特征（例如屏幕大小）而不是 User Agent 自定义页面提供一个良好的开端。

于 2009-08-03T17:58:57.890 回答