Эквивалент ширины: -moz-доступен в Google Chrome

Question

Есть ли альтернативный способ заполнения доступного пространства вложенных элементов div в Google Chrome? Firefox -moz-available делает именно это, но учитывает поля, отступы и полосы прокрутки. Однако -webkit-available нет.

Answer 1

Попробуйте это.

elem {
  width: 100%;
  width: -moz-available;          /* For Mozzila */
  width: -webkit-fill-available;  /* For Chrome */
  width: stretch;                 /* Unprefixed */
}

Answer 2

Как насчет этого?

box-sizing: border-box;

Answer 3

-moz-available = ширина контейнера - (поле + граница + заполнение), поэтому попробуйте width: intrinsic;.