Css *{框大小:边框框;}:边框框还是不边框框所有元素?

Css *{框大小:边框框;}:边框框还是不边框框所有元素?,css,margin,padding,border-box,Css,Margin,Padding,Border Box,我将开始开发一个新网站,并准备好处理浏览器用于计算元素宽度和高度的不同方法()。不知怎的,我想到了:如果我只对网站中的所有元素应用框大小调整,会怎么样 我是那些相信盒子大小的人之一:边框盒子是CSS中最好的命令之一,尽管有其局限性。然而,这些限制也让我怀疑是否应该对所有元素应用框大小调整: * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing:

我将开始开发一个新网站,并准备好处理浏览器用于计算元素宽度和高度的不同方法()。不知怎的,我想到了:如果我只对网站中的所有元素应用
框大小调整
,会怎么样

我是那些相信盒子大小的人之一:边框盒子是CSS中最好的命令之一,尽管有其局限性。然而,这些限制也让我怀疑是否应该对所有元素应用
框大小调整

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
当然,我的网站应该与尽可能多的浏览器兼容,
box size
在考虑IE7-时会产生一些问题。然而,有时日程安排太紧了,如果不担心这个具体问题,多争取几分钟的时间就好了


不管怎样,你认为应用
框大小:边框框对所有元素都是一个很好的策略,还是我应该只对真正需要它的元素继续这样做?

我认为这是一个好主意。事实上,我将开始在我的网站上做同样的事情

保罗在这里谈到了以同样的方式使用它

我们在我的一个项目中使用了*{box size:border-box;} (部署在生产中,平均每月访问次数超过100万次)在工作中 大约有一年了,它看起来还不错。这个 该项目已经在IE8和IE9以及最新的Firefox和Chrome上进行了测试 版本,我们没有任何问题。所有jQuery(+UI)偏移量 计算和动画运行良好,即使在任何元素,我们已经 显示为内联块。最近,我们已经开始测试 在移动设备(iPhone、iPad和Android)上的项目,我们没有 关于盒子尺寸的问题,他们中的任何一个都还没有解决,所以这似乎是可行的 很好

我发现这有助于解决IE7中的问题


我也是border box的一员。你可能也想看看这个