Пока Хром не поддерживает данное значение атрибута спецификации CSS, что то надо делать!
Можно отказаться, но удобно ведь?
Самый простой выход написать вместо злополучного экспериментального padding-box:
Во всех случаях, когда
Это работает точно также.
Народ пробует также городить что то вроде:
|
|
-moz-box-sizing:padding-box; box-sizing:padding-box; -webkit-box-sizing:padding-box; |
но хрому то до лампочки :). Так что пока будем пользовать border-box.
Данная запись опубликована в 19.09.2015 16:15 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Март 28, 2018 г.
В одном из проектов использовался SASS, но оказалось, что у другого разработчика другие настройки SASS. И конечные CSS генерировались с числами другой точности (другое кол-во знаков после запятой).
Любое изменение в файле приводило к огромному ...
Читать
Март 29, 2025 г.
Иногда требуется, чтобы стили или часть стилей, формируемых миксином, добавлялись однократно.
Например, ваш миксин добавляет анимацию и при этом объявляет блок @keyframes, который не зависит от параметров и для всех анимированных блоков одинаков. ...
Читать
Сентябрь 3, 2021 г.
Мы рассмотрим здесь как обрезать текст и добавить многоточие средствами CSS. Это еще одна классическая проблема фронт-енда, как не позволить тексту менять геометрию контейнера, если он не влазит целиком.
CSS предоставляет специальное свойство для ...
Читать
Апрель 14, 2025 г.
Иногда даже одно лёгкое движение может сделать сайт запоминающимся. Не нужно быть мастером фронтенда, чтобы добавить немного магии в интерфейс — иногда достаточно пары строк CSS. Простые анимации делают сайт динамичным, визуально приятным и интуитивно ...
Читать