自动放大iphone safari

时间:2009-08-03 17:34:53

标签: iphone mobile-safari smartphone

Mobile Safari是否有办法识别适用于手机的网站并自动放大?这对其他手机和浏览器有何影响?

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

4 个答案:

答案 0 :(得分:9)

请参阅Apple网络应用开发者指南的configuring the viewport部分。

答案 1 :(得分:1)

我刚注意到,如果你的身体或主要包装器div高度设置为100%,这可能会弄乱它在移动浏览器上缩放/渲染的距离。在移动safari和Android的Chrome浏览器中确认了这一点。一旦我将#siteWrapper高度从100%设置为auto,它就会以更好的比例呈现。

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

答案 2 :(得分:0)

网站可以识别移动浏览器并相应地生成输出,这通常是理想的方式。

Safari将检测宽度和缩放比例,但超出此范围......

答案 3 :(得分:0)

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

我建议从阅读iPhone Human Interface Guidelines for Web Applications开始。这将使您可以使用条件CSS根据设备特征(例如屏幕大小)而不是用户代理来自定义页面。