我正在努力让我的网站在不同的移动设备上运行，我遇到了一些关于设备宽度的问题。我知道以前有人问过这样的问题，但我在这里和其他地方都读过相互矛盾的东西，但没有找到任何可以说明我在寻找什么的东西。
假设我使用的是分辨率为 480x800 的 Nexus One。现在，如果制作一个元标记，例如：
<meta name="viewport" content="width=device-width">
如果是纵向的，视口宽度是 320px，如果是横向的，视口宽度是 533px。这是有道理的，因为逻辑分辨率是 320x533。但是当我进行媒体查询时：
@media only screen and (max-device-width: 320px) {
/*CSS rules here */
}
设备宽度是指物理分辨率，不会根据方向而改变。因此，对于 Nexus One，设备宽度为 480 像素，无论方向如何，因此不包含在媒体查询中。
这是正常行为吗？如果是，为什么 device-width 在两者之间表现如此不同？他们不仅使用不同的值，而且其中一个值会根据方向发生变化，而另一个则不会。这非常令人困惑，更糟糕的是，我已经阅读了完全相反的内容（媒体查询设备宽度受方向影响，而元标记设备宽度不受）网络上的其他地方。
任何帮助澄清将不胜感激。