Mobile Safari是否有办法识别适用于手机的网站并自动放大?这对其他手机和浏览器有何影响?
我想避免查看user_agent并为每个移动浏览器发送不同的页面。
答案 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根据设备特征(例如屏幕大小)而不是用户代理来自定义页面。