iPad显示的内容大于屏幕尺寸/视口

Question

我有一个网站（http://ginkandgasoline.net）。我将视口设置为

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

然而，在纵向模式下，网站显示的屏幕尺寸要大于屏幕尺寸。子页面似乎只是在主页上正常工作。当我删除视口代码时，该站点适合窗口，但一旦设备被转动，它将保持当前缩放，并且不会重置为旋转前的设置方式。

我尝试了多种选项，但实际上并不想使用媒体查询来解决问题。我也试过解决这个问题，正如杰里米基思所描述的那样，没有决心。

Answer 1

试试这个......

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />

我使用了类似于我正在制作的网络应用程序，并修复了它。