0

我正在使用这个视口标签：

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

然而，iPhone/iPad/Android 设备的页面比屏幕大得多。我只能看到网站的左上角。我的网站宽 900 像素。

接下来我将视口更改为：

<meta name="viewport" content="width=device-width">

现在在 iPhone 和 iPad 上，内容被缩小以填满屏幕，结果还可以。我不确定 iPad，因为我没有其中一个可以测试。在 Android 设备上，此更改没有任何作用。

设置视口以使网站填充浏览器宽度的正确方法是什么？

4

1 回答 1

1

尝试添加target-densitydpi=device-dpi到您的第二个示例。这是特定于 Android 的，width=device-width用于告诉设备您希望缩放页面以适应所有设备分辨率。

于 2012-11-13T05:27:27.757 回答