关于媒体查询的书写方式

Question

我之前还真没遇到过一下问题：

```

@media only screen and( max-width: 50rem ){ /**一些样式**/}

和

@media only screen and ( max-width: 50rem ){ /**一些样式**/}

有着天大的区别，就因为第一个书写方式条件判断关键词 and 后面没有添加一个空格的原因这个媒体查询完全失去了它的意义，完全不起生效，所以希望其他的同学们注意一下这个细节。

```

Answer 1

姜维 2016-09-23 13:47:48

@media only screen and( max-width: 50rem ){ /**一些样式**/}

和

@media only screen and ( max-width: 50rem ){ /**一些样式**/}

有着天大的区别，就因为第一个书写方式条件判断关键词 and 后面没有添加一个空格的原因这个媒体查询完全失去了它的意义，完全不起生效，所以希望其他的同学们注意一下这个细节。

• 提问者 ilchin #1

  非常感谢！