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

Question

我有一个网站(http://ginkandgasoline.net).我将视口设置为

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

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

我尝试了多个选项,但实际上并不想使用媒体查询来解决问题.我也尝试用Jeremy Keith概述的问题来解决这个问题.

Answer 1

试试这个......

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

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