@media屏幕和（最大宽度：770px）和@media屏幕和（最大宽度：770px + 30px）有什么区别

Question

我刚刚得到了一个我应该工作的项目。在这个项目中的CSS文件，我发现下面的代码：

@media screen and (max-width: 770px + 30px) { 
    .rw-layout { 
     margin: 10px; 
    } 
} 

我试图找出它如何影响该元素.rw-layout，但它无法正常工作。

我试图查看在Firefox的开发工具和没有信息，其他：

所以我问的问题是，什么是在项目中使用的@media screen and (max-width:770px + 30px)？

Answer 1

这是无效的CSS，并且在很多（如果有的话）浏览器中都不起作用。 如果我猜它是如何发生的，一个可能的场景也许是他在CSS预处理像萨斯与变量做了一个媒体查询 - 是这样的：

$tablet: 770px; 
$pad: 30px; 

@media screen and (max-width: $tablet + $pad) { } 

但变量最终被transcluded而不是相加编译期间。

无论哪种方式，它是目前编写并且不会执行的无意义代码 - 它并不意味着800px或770px。