尽管 @media 在源 .css 中，但 CSS 媒体标签不适用于生产，而是本地

Question

我正在尝试通过添加以下行将现有网站修改为响应式:

@media only screen and (max-width: @screen-768 - 1){
...}

它在我的开发环境中运行良好，但在生产环境中，在 Google Chrome 的检查过程中不知何故找不到 @media 行。无论如何，在检查页面源时，.css 已更新。

有什么建议吗？

Answer 1

我能问一下你为什么使用@media only screen and (max-width: @screen-768 - 1){ ...} 而不是

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

也许您在 google chrome inspect 中看不到源代码的原因是因为开发人员使用了 CSS HACK。