语义网格系统，媒体查询问题

我正在使用Semantic Grid System来构建响应站点。然而，一旦媒体查询遇到特定的屏幕尺寸，显然应该采取措施。语义网格系统，媒体查询问题

我会引用我的意思example on the website：如果我在我的iPhone上查看这个例子，假设它应该适应移动设备上的单个列结构，它仍会抛出Web版本这一页。我的iPhone上的Safari和Chrome都是如此。但是，如果我使用RWD bookmarklet来检查其在不同分辨率下的显示效果，那么对于移动分辨率而言，显示效果如预期。另外，具有讽刺意味的是，如果我在桌面上的Safari中调整页面大小，一旦找到合适的屏幕大小，它就会相应地进行调整，但不会在Firefox中进行调整。

，它采用一旦它击中720像素媒体查询

@media screen and (max-width: 720px) { 
#maincolumn, 
#sidebar { 
    .column(12); 
    margin-bottom: 1em; 
} 
}

，我可能会在这里广泛的标记，但我想那一定是这个问题。但鉴于这是直接来自semantic.gs网站，我不认为我有专业知识必须质疑自己的代码。

任何想法可能是什么问题？

来源

2012-10-03 Andy

你描述可以不使用“视窗”元标记您的标记结果的行为：

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

http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/

来源

2012-10-03 22:06:44

即固定移动的问题，谢谢。当我在桌面上调整Firefox中的网页大小时，它仍然无法正确捕捉，但奇怪的是，在Chrome中。 – Andy

然后它在Firefox中工作... – Andy

语义网格系统，媒体查询问题

回答

相关问题