Вопрос по css3, css – * {Размер коробки: рамка границы; }: Граничить или не граничить со всеми элементами?

8

Я начну разработку нового веб-сайта, и я собираюсь разобраться с различными методами, используемыми браузерами для вычисления ширины и высоты элементов (коробка модели вещи). Почему-то мне пришло в голову: что если я просто подам заявку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; для всех элементов - это хорошая политика, или я должен продолжать делать это только с теми элементами, которые действительно в этом нуждаются?

Я также один для границы. Вы также можете прочитать этоpaulirish.com/2012/box-sizing-border-box-ftw Ana

Ваш Ответ

1   ответ
9

Я думаю, что это отличная идея. На самом деле я начну делать то же самое на своих сайтах.

Здесь Павел говорит об использовании его таким же образом

http://paulirish.com/2012/box-sizing-border-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

Похожие вопросы