欢迎光临
我们一直在努力

使用Bootstrap v3.3.4注意细节box-sizing

在Bootstrap v3.3.4中有下面一条重置样式:

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

 

将所有的元素的默认盒模型box-sizing都设置成了border-box,而现代浏览器的标准默认box model是 content-box。很多第三方其他的UI库,第三方js库用的也是标准的content-box。

了解这点在写某些功能时很重要,尤其是合并使用其他第三方库和bootstrap时更要注意。

使用时可以对元素使用

    box-sizing:content-box;
赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » 使用Bootstrap v3.3.4注意细节box-sizing

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址