我在这里有我的问题设置演示：http: //chevasdesign.com/storage/index.php
当前设置的视口没有缩放属性（因为它可以防止页面在横向和纵向之间缩放）
<meta name="viewport" content="width=device-width" />
在我的 CSS 末尾，我的 CSS 中有以下媒体查询：
@media only screen and (max-device-width: 480px) {
#wide { width: 440px; }
}
#wide宽度为920px，左右边距为20px，背景为灰色。它恰好是唯一的元素。
当我在 iPhone4（在我的情况下）上以纵向或横向加载页面时，div 水平跨越需要水平滚动的屏幕宽度。参见图片：http ://chevasdesign.com/storage/viewport-media-queries-problem.png ）。
iPhone不应该缩放页面以使小于480px宽的任何东西都适合屏幕吗？
当我设置#wide为 280 像素宽时，在媒体查询内部（总共 320 像素的边距），div 适合屏幕，即使媒体查询将设备宽度设置为 480 像素。我错过了什么？
对我来说奇怪的是，我在 WordPress 的一个完整网站上拥有确切的视口设置和媒体查询设置，并且所有媒体查询都按预期工作。