bootstrap 的媒体查询

发布时间：2020-12-17 20:46:13 所属栏目：安全来源：网络整理

导读：? 有时候需要对bootstap的样式自定义，比如说某个元素的“height”值，要放在与bootstrap媒体查询同步的样式里，才会兼容响应式布局。 .container 类是bootstrap的官方参考样式 @media (min-width: 992px)｛ .container { max-width : 960px ; } .自定义类{h

? 有时候需要对bootstap的样式自定义，比如说某个元素的“height”值，要放在与bootstrap媒体查询同步的样式里，才会兼容响应式布局。

.container 类是bootstrap的官方参考样式

@media (min-width: 992px)｛
     .container {
          max-width: 960px;
      }
　　　.自定义类{height: 800px}
｝
   
@media (min-width: 768px)｛
    .container {
        max-width: 720px;
    }
   .自定义类{height: 600px}
｝

@media (min-width: 576px)｛ .container { max-width: 540px;
    }
   .自定义类{height: 200px}
 ｝

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!