Question

我将开始开发一个新的网站,我准备处理用来计算元素宽度和高度的不同方法浏览器(>box 模型工具 )。不知怎么,我想到了:如果我将 box-size 应用到网站的所有元素上呢?

我是相信 box-size:box-box;是 CSS 中最好的命令之一,有各种限制。然而,这些限制也使我怀疑我是否应该将 box-size 应用于所有要素:

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

当然,我的网站应该尽可能与尽可能多的浏览器兼容,而“代码”字框的缩写当我们想到 IE7 - 时会提出几个问题。然而,有时时间太紧,因此不必担心这个具体问题,多花几分钟时间是件好事。

无论如何,你是否认为对所有元素应用 box-size: 边框; 是一个好政策? 还是我应该只对实际需要的元素继续这样做?

Answer 1

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

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

http://paulirish.com/2012/box-sizing-form-box-ftw/" rel="noreferrer">http://paulirish.com/2012/box-sisizing-form-box-ftw/

We ve been using *{box-sizing: border-box;} in one of my projects (deployed in production, averaging over 1mln visits a month) at work for about a year now, and it seems to be holding up just fine. The project has been tested in IE8 & 9 and the latests Firefox and Chrome versions and we ve had no problems. All jQuery (+UI) offset calculations and animations run fine, even in any element we ve displayed as inline-block. As of late we ve started testing the project on mobile devices (iPhone, iPad and Android) and we ve had no issues regarding box-sizing with any of them yet, so it seems to work just fine.

我找到这个是为了帮助处理 IE7中的问题

https://github.com/schepp/box-sizing-polyfill" rel=“noreferrer'>https://github.com/schepp/box-sizing-polyfill

友情链接