logo标签列表

iPhone Safari 自动缩放问题

iphonemobile-safarismartphone
6
有没有办法让移动版Safari识别一个针对移动设备的站点并自动缩放？其他手机和浏览器如何实现这个功能？
我希望避免查看user_agent并针对每个移动浏览器发送不同的页面。
4个回答
9
请参考苹果Web应用程序开发指南中有关“配置视口”部分。 链接
1
没错，这就是我认为问题所指的。例如，添加一个看起来像这样的<meta>元素：<meta name="viewport" content="width=480"> - Joe Liversedge
1
我刚刚注意到，如果您将主要包装 div 的高度设置为 100％，这可能会影响移动浏览器的缩放/渲染。 在移动Safari和Android的Chrome浏览器中确认了这一点。 一旦我将 #siteWrapper 的高度从100％设置为自动，它就以更好的比例呈现出来。
（在主包装上使用100％的高度通常与粘性页脚一起使用。）
这不是我遇到的问题，但它给了我一个线索。结果发现移除了一个最小宽度声明解决了我的问题。 - tanman
0

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

Safari将检测宽度并进行缩放以适应屏幕，但除此之外...

0

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

我建议先阅读iPhone人机界面指南Web应用程序。这将为您提供一个良好的开始，以使用条件CSS根据设备特性（如屏幕尺寸）而不是用户代理来自定义页面。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接