关于媒体查询的书写方式

来源：5-4 CSS3选择器1

ilchin

2016-09-21

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

```

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

和

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

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

```

写回答

1回答

姜维

2016-09-23

已采纳

@media only screen and( max-width: 50rem ){ /**一些样式**/}
和
@media only screen and ( max-width: 50rem ){ /**一些样式**/}
有着天大的区别，就因为第一个书写方式条件判断关键词 and 后面没有添加一个空格的原因这个媒体查询完全失去了它的意义，完全不起生效，所以希望其他的同学们注意一下这个细节。