html - 响应式设计/@media 设计故障无法正常运行

Question

我是响应式/自适应设计的新手，在处理移动版本的媒体查询时遇到了一些麻烦。我之前用相同的查询建立了几个站点，但没有遇到这个问题。我正在寻找的结果在 Mozilla Firefox 中显示良好(最小分割/调整为 480 像素)但在其他任何地方都没有(最重要的是在手机上)。

我在 http://adapdivdesign.com/scff/ 暂时上线测试网站

如有任何帮助，我们将不胜感激。

Answer 1

看起来你没有正确关闭 767 媒体查询？

/* ============================= */
/* ! 767 767 767 767 767 767 767 */
/* ============================= */

@media screen and (max-width: 767px) {

480媒体查询包含在767媒体查询中。