我正在使用语义网格系统来构建响应式站点。然而，媒体查询有些地方不太对劲，一旦达到特定的屏幕尺寸，显然应该启动。
我将引用他们在网站上的示例的意思：例如，如果我在我的 iPhone 上查看它，考虑到它应该在移动设备上调整为单列结构，它仍然会抛出网络版本的页。我的 iPhone 上的 Safari 和 Chrome 都是如此。但是，如果我使用RWD 小书签检查它在不同分辨率下的外观，它会按照移动分辨率的预期显示。此外，具有讽刺意味的是，如果我在桌面上的 Safari 中调整页面大小，一旦我缩小到合适的屏幕尺寸，它也会相应地调整，但在 Firefox 中则不会。
一旦达到 720px，它使用的媒体查询是
@media screen and (max-width: 720px) {
#maincolumn,
#sidebar {
.column(12);
margin-bottom: 1em;
}
}
我在这里可能有点过分，但我认为这一定是问题所在。但鉴于这直接来自semantic.gs 网站，我认为我没有必要的专业知识来质疑他们自己的代码。
知道问题可能是什么吗？