CSS -moz-доступный эквивалент в Webkit?

Question

-moz-доступный эквивалент в Webkit?

Answer 1

Теперь он поддерживается в WebKit как width:-webkit-fill-available, определенный в модуле внутреннего и внешнего определения размера CSS уровня 3 (http://www.w3.org/TR/2012/WD-css3-sizing-20120927/#width-height-keywords).

В отличие от Gecko, основывающего свою реализацию width:-moz-available на базовой модели CSS (http://dev.w3.org/csswg/css-box/#the-width-and-height-properties).

Обратите внимание, что оба значения определены в разных терминах, они могут работать по-разному в крайних случаях. Кроме того, в черновике редактора (11 октября 2013 г.) модуля внутреннего и внешнего определения размеров CSS Уровень 3, fill-available теперь указывается как fill.

Answer 2

Это сработало для меня в Chrome:

box-sizing: border-box;

Answer 3

Как только он реализован (или готов), вы можете использовать

please-use-available-width

, но сейчас используйте

-webkit-please-use-available-width

PS.Это шутка

Нет решения для веб-кита для этой-довольно важной проблемы.Важность заключается в том, что размер плавающего содержимого DIV с небольшим содержанием будет изменен до ширины этого содержимого.Это разрывает страницу.

DIV с плавающим контентом используется для размещения контента перед меню, прагма доступности.Мы можем только надеяться, что это значение будет включено в следующую спецификацию CSS.

Держите пальцы скрещенными: -)