2009-08-03 146 views
6

移动Safari浏览器能识别手机网站并自动放大吗?这在其他手机和浏览器上如何工作?iphone上的自动缩放Safari浏览器

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

回答

9

看到苹果网络应用程序开发者指南的configuring the viewport一部分。

+1

对,这就是我认为这个问题指的是。例如,添加一个如下所示的元素: 2009-08-03 18:05:44

+0

谢谢!它也适用于Opera Mini。不知道其他浏览器.. – m33lky 2009-08-03 20:16:50

0

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

Safari浏览器将检测宽度和缩放到合适,但除此之外...

0

您可以通过使用条件CSS避免基于用户代理具有不同的页面。苹果实际上有一些关于创建网页的非常好的文档,可以支持iPhone上的Safari和桌面浏览器。我建议先阅读iPhone Human Interface Guidelines for Web Applications。这将为您在使用条件CSS基于设备特征(如屏幕大小)而不是用户代理定制页面方面提供良好的开始。

1

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

(高度100在主包装%经常使用粘页脚。)

相关问题