box-sizing: padding-box на Chrome

Пока Хром не поддерживает данное значение атрибута спецификации CSS, что то надо делать!

Можно отказаться, но удобно ведь?

Самый простой выход написать вместо злополучного экспериментального padding-box:

Во всех случаях, когда

Это работает точно также.

Народ пробует также городить что то вроде:

но хрому то до лампочки :). Так что пока будем пользовать border-box.

Мало букафф? Читайте есчо !

Переносы элементов сетки bootstrap разной высоты (фикс для версии 3.x)

Май 2, 2021 г.

В третей версии бутстрапа используется выравнивание элементов сетки col-* с помощью свойства float: left;. Пока элементы в сетке имеют одинаковую высоту, ...

Читать

Эффект размытия blur средствами CSS

Декабрь 23, 2015 г.

В интернете много решений, я попробовал, наверное, все :) Основная проблема - не удаётся достичь кросс-браузерности. Как всегда, отличился IE. Для ...

Читать

Верстка слоя-подкладки во всю ширину viewport

Апрель 16, 2019 г.

В лендинговой верстке дизайнеры часто прибегают к следующему приему - фон одного или нескольких блоков растягивается на всю ширину документа. При этом ...

Читать

Пропорциональное заполнение контейнера картинкой

Ноябрь 29, 2017 г.

Речь идет о том, чтобы показать изображение внутри контейнера так, чтобы оно заполнило собой весь контейнер, но при этом не изменились пропорции картинки. Сейчас это актуально в связи с необходимостью поддержки отображения сайта на мобильных устройствах. ...

Читать
 

Комментарии к «box-sizing: padding-box на Chrome»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: