.container 与.container-fluid的区别
.container 与.container-fluid的区别
周宇YuZhou 发表于3年前
.container 与.container-fluid的区别
  • 发表于 3年前
  • 阅读 17
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

从下面的代码可以看出两者的区别:

@media (min-width: 568px) {
  .container {
    width: 550px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

根据见面的视窗大小,container给div指定了固定的宽度,如果当前视窗是1000px(>992px),因而它限定的宽度就是970px,当视窗宽度增加直到1200px时,它限定的宽度会跳到1170px。

而类似的限制没有应用在container-fluid上,因此它的宽度是随着视窗改变而改变的。

共有 人打赏支持
粉丝 17
博文 26
码字总数 17591
×
周宇YuZhou
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: