的尴尬之前用vscode写html的时候，快捷键顺手。所有常用的标签都帮你生成了，所以粗心的菜鸟在使用默认的webStrom时遇到了尴尬的事情。1、首先，min-width和max-width在媒体查询中比较常用；min-width，字面意思是最小宽度，也就是说这个样式生效，至少当你的分辨率低于这个的时候，设置才会生效。max-width，最大宽度，你设置的东西必须大于这个宽度，样式才会生效。一般我经常用的是定义一个范围来写不同的样式。毕竟，TM在做什么？手机那么大，分辨率那么不一样，还有iPad之类的平板电脑。要定义区间，您将使用关键字and，它是直接交集，而不是并集。比如@mediascreenand(min-width:300px)and(max-width:400px){}好了，至此，一般来说，是没有问题的，但是当我看到的时候，是我踩的坑。如果你不设置meta属性，那么你会很尴尬地发现你设置的mediaquery根本不鸟你。
