相应地应用CSS类

Question

我正在尝试使用类似boostrap框架的东西,根据窗口大小有选择地选择要应用于给定元素的css类.

例如,在引导,有没有办法选择在此基础上的应用哪个阶级xs,sm,md和lg部门下的浏览器下降？

有没有简单的方法来做到这一点？我需要使用javascript吗？我应该寻找除引导之外的东西吗？

Answer 1

听起来你需要一个媒体查询.

它们允许您根据窗口大小选择性地应用样式.

例如:

@media all and (max-width: 1000px) {
  .element {
     color: blue;
  }
}

以上将在任何html标签的文本中应用蓝色,element当屏幕尺寸宽度低于此值时,该标签仅具有类别1000px.