元素的媒体查询

Question

HTMl元素的媒体查询。例如：

.container(min-width: 500px)
 {
  .wid-sm {width: 200px;}
 }

我想让元素像Media Queries一样响应。请帮我解决。

Answer 1

您可以指定不同分辨率的css，如下所示：

@media (max-width: 600px) {

   .wid-sm {width: 200px;}

}
@media (min-width: 600px and max-width: 800) {

   .wid-sm {width: 350px;}

}