我在这里设置了我的问题设置演示： 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设置为280px宽，在媒体查询内（总共320px带边距）时，即使媒体查询的设备宽度设置为480px，div也适合屏幕。我错过了什么？
对我来说，奇怪的是，我在WordPress的一个完整网站上拥有确切的视口设置和媒体查询设置，并且所有媒体查询都按预期工作。
