css – 仅在xs设备上引导容器流体

前端之家收集整理的这篇文章主要介绍了css – 仅在xs设备上引导容器流体前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在xs和sm设备(容器流体)上使用全宽,但只想使用所有其他设备的容器类
什么是最好的方法来实现这一目标?
我已经尝试过jasnys bootstrap,它有一个容器平滑的类但是当屏幕超过一定大小时它不会使内容居中……

解决方法

在CSS中覆盖容器类并完成:
/* XS styling */
@media (max-width: @screen-xs-max) {
  .container {
    width: inherit;
  }
}

/* SM styling */
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
  .container {
    width: inherit;
  }
}

只需将Less变量替换为相应的px值即可.

猜你在找的CSS相关文章