Выход за рамки

CSS в основном используется для стилизации прямоугольных блоков, но новые функции расширяют границы дизайна. Overlay оконных элементов управления для PWA позволяет разработчикам использовать всю окно приложения, включая область заголовка. Эта функция удаляет физические ограничения заголовка и оконных элементов управления, позволяя им быть наложенными на контент приложения. Чтобы использовать эту функцию, добавьте "window-controls-overlay" в манифестный файл веб-приложения. Новые переменные окружения CSS, такие как "titlebar-area-x" и "titlebar-area-width", могут быть использованы для позиционирования контента в том месте, где находился бы заголовок, обеспечивая, чтобы он не перекрывался с оконными элементами управления. Чтобы кнопки оконных элементов управления не закрывали контент, тему цвета приложения можно установить так, чтобы она соответствовала фону контента, используя манифестный файл веб-приложения или тег "theme-color". Эта функция позволяет PWA создавать более погруженные и интегрированные опыты на настольных устройствах.