Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Ядро адаптивности/ Media type и геометрия rendering context

  1. Базовый уровень

    • Актуальные media types

      Различает актуальные media types `all`, `screen` и `print`.

    • Размеры viewport и page box

      Проверяет `width` и `height` viewport либо page box.

    • Aspect ratio rendering context

      Проверяет отношение доступных width и height.

    • Orientation rendering context

      Связывает `portrait`/`landscape` с текущей geometry, а не типом устройства.

  2. Продвинутый уровень

    • Reference geometry page и viewport

      Выбирает правильную reference geometry для continuous и paged media.

    • Overflow по block и inline axes

      Интерпретирует `overflow-block` и `overflow-inline` относительно среды вывода.

    • Сегменты viewport

      Проверяет количество горизонтальных и вертикальных viewport segments.

    • Device geometry и viewport geometry

      Не подменяет доступную document geometry физическими размерами устройства.

    • Deprecated media types

      Распознаёт deprecated media types и их обязательное non-matching behavior.

    • Deprecated `device-*` features

      Отличает deprecated `device-*` features от viewport/page features.