* {箱尺寸：边界盒; }：边境盒或不边界框中的所有元素？(* { Box-sizing: bo

我将开始开发一个新的网站，我正准备应对不同的方法浏览器使用来计算宽度和元素的高度（ 盒模型的东西 ）。 不知怎的，就来到了我的脑海：如果我刚才申请box-sizing在网站的所有元素？

我是那些谁相信，一个box-sizing: border-box; 是存在CSS，其所有的局限性最好的命令之一。 然而，同样是这些限制是谁，让我怀疑我是否应该套用的box-sizing的所有元素：

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

当然，我的网站应该有尽可能多的浏览器尽可能地兼容，并box-sizing产生了一些问题，当我们想到IE7-。 但是，有时日程安排太紧，这将是巨大的不担心这个具体问题，以获得一些额外的时间。

无论如何，你认为采用box-sizing:border-box; 所有元素是一个很好的政策，或者我应该继续这样做只是为了实际需要的元素呢？

Answer 1:

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

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

http://paulirish.com/2012/box-sizing-border-box-ftw/

我们一直在使用* {箱尺寸：边界盒;}在我的项目之一（部署在生产，平均超过1mln的月访问量），现在工作了大约一年，它似乎持股待涨就好了。 该项目已在IE8和9以及latests Firefox和Chrome版本经过测试，我们已经没有任何问题。 所有的jQuery（+ UI）偏移计算和动画运行良好，即使在我们已经显示为inline-block的任何元素。 由于后期我们开始测试移动设备（iPhone，iPad和Android）的项目，我们已经有关于方框上浆没有针对任何人没有任何问题，所以它似乎工作得很好。

我发现这个帮忙照顾的问题，在IE7

https://github.com/Schepp/box-sizing-polyfill

文章来源: * { Box-sizing: border-box; } : To border-box or not to border-box all elements?