iphone safari上的自动缩放

有没有一种方法可以让Mobile Safari识别出一个用于手机的站点并自动放大？这在其他手机和浏览器上是如何工作的

---

我希望避免查看用户代理并为每个移动浏览器发送不同的页面。

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

---

Safari将检测宽度和缩放，但除此之外…

请参阅《Apple web app开发者指南》的一部分。

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

---

我建议从阅读开始。这将为您提供一个良好的开端，使用条件CSS根据设备特征（如屏幕大小）而不是用户代理定制页面。

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

---

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

对，这就是我认为问题所指的。例如，添加一个元素，如下所示：这不是我遇到的问题，但它给了我一个线索。结果，删除最小宽度声明解决了我的问题。