Html 如何扩展网站以适应iPhone/iPad/Android手机/Android平板电脑屏幕？

我正在使用此视口标记：

<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，因为我没有一款可以测试。在安卓设备上，这一改变毫无作用

---

设置查看端口以使站点填满浏览器宽度的正确方法是什么？

尝试将

目标密度dpi=设备dpi

添加到第二个示例中。这是Android特有的，可与

width=devicewidth

配合使用，告知设备您希望页面缩放以适应所有设备分辨率。

请查看。也许会有帮助…谢谢你，我会试试这个。现在，我只是完全去掉了viewport元标记，Safari/Chrome似乎能够按照我希望的方式处理页面。也许是因为我太花哨了。。。