🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### box-sizing ***** `box-sizing`的默认值`content-box`,还有一个`padding-box`,基本没什么用到。 当`box-sizing: border-box; `时,则实际宽高:`content+padding+border`,方便计算尺寸。 ***** #### 推荐写法 ``` *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 兼容处理 */ *, *:before, *:after { /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */ -webkit-box-sizing: border-box; /* Firefox (desktop or Android) 28- */ -moz-box-sizing: border-box; /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */ box-sizing: border-box; } ``` 出处:https://css-tricks.com/international-box-sizing-awareness-day/