响应式设计/@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媒体查询中。