我是响应式/自适应设计的新手,在处理移动版本的媒体查询时遇到了一些麻烦。我之前用相同的查询建立了几个站点,但没有遇到这个问题。我正在寻找的结果在 Mozilla Firefox 中显示良好(最小分割/调整为 480 像素)但在其他任何地方都没有(最重要的是在手机上)。
我在 http://adapdivdesign.com/scff/ 暂时上线测试网站
如有任何帮助,我们将不胜感激。
最佳答案
看起来你没有正确关闭 767 媒体查询?
/* ============================= */
/* ! 767 767 767 767 767 767 767 */
/* ============================= */
@media screen and (max-width: 767px) {
480媒体查询包含在767媒体查询中。
关于html - 响应式设计/@media 设计故障无法正常运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11084997/