虽然@media在源.css中，但CSS Media标签不在生产环境中工作，而是在本地工作
虽然@media在源.css中，但CSS Media标签不在生产环境中工作，而是在本地工作
提问于 2018-10-05 10:12:06
我正在尝试修改一个现有的网站，通过添加下面这行代码来响应：
@media only screen and (max-width: @screen-768 - 1){
...}它在我的开发环境中工作得很好，但当涉及到生产时，不知何故在Google Chrome中的检查过程中没有发现@media行。无论如何，在检查页面的源代码时，.css都会更新。
有什么建议吗？
回答 2
Stack Overflow用户
发布于 2018-10-05 10:17:32
我能问一下你为什么使用@media only screen和(max-width：@screen-768 - 1){ ...}而不是
@媒体纯屏幕和(max-width: 767px){ ...}
也许你在谷歌chrome中看不到源代码的原因是因为开发人员使用的CSS黑客。
Stack Overflow用户
发布于 2018-10-05 10:22:13
@media only screen and (max-width: @screen-768 - 1){...}不是写入介质的最佳方式queries.You可以写入@media only screen and (max-width:767px){...}
您可以看到一个很好的描述和工作示例here
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52657438
复制相关文章
相似问题
腾讯云开发者
