1

我正在为 iPhone 和 Android 浏览器开发一个移动网站。

当我在玩 Iphone 4 和 HTC Desire 时，我发现这两种设备对方向变化的反应不同。如果我以纵向模式加载网站，然后将设备旋转到横向模式，Iphone 会使用相同的宽度（320 像素）放大到更接近内容的位置。对于 Android 设备，如果我旋转它，视口似乎会发生变化，因此不会进行任何缩放（宽度 > 320 像素），而是网站变得更宽。

我当前的视口（我已经尝试设置 320px 的固定宽度）：

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

现在我的问题是：有没有办法让 Android Webkit 浏览器像 iPhone 一样在方向从纵向变为横向时“放大”？

非常感谢您！

安德鲁

4

1 回答 1

2

由于视口的工作方式，此功能存在于 iPhone 上。以下是如何在所有设备上禁用它，从而创建相同的用户体验。

如果您将视口设置为此：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0," />

那么它将阻止iPhone“重新缩放”回设备宽度。不过，这也完全禁用了缩放。目前没有更好的解决方案。

于 2011-08-25T20:47:55.607 回答