Закрыть

Страница поста от канала Defront — про фронтенд-разработку и не только

Defront — про фронтенд-разработку и не только
11.11.2021 20:11
Новые единицы измерения CSS, зависящие от области просмотра Брамус Ван Дамм рассказал про новые единицы измерения, которые недавно были добавлены в спецификацию CSS Values and Units Level 4 — "The Large, Small, and Dynamic Viewports". Довольно давно в браузерах появилась поддержка единиц измерений vw, vh, vmax, vmin. Их используют для ограничения размера элемента размером доступной области просмотра и для заполнения вьюпорта содержимым на мобилках. Когда создавалась спецификация, всё было логично. Однако ситуация изменилась, когда Safari стал скрывать части интерфейса во время прокрутки. Размер вьюпорта стал меняться динамически, и страницы, использующие vh, стали перекрываться интерфейсом браузера. Для решения этой проблемы были придуманы разные хаки, а CSSWG разработала новые единицы измерения, более тонко учитывающие поведение вьюпорта: — lvw, lvh, lvmax, lvmin — единицы относительно вьюпорта браузера со скрытыми элементами интерфейса (префикс "l" — large viewport) — svw, svh, svmax, svmin — единицы относительно вьюпорта браузера без скрытых элементов интерфейса (префикс "s" — small viewport) — dvw, dvh, dvmax, dvmin — единицы относительно вьюпорта, учитывающие динамическое изменение интерфейса (префикс "d" — dynamic viewport) На данный момент новые единицы измерения не поддерживаются ни в одном браузере, но первые коммиты для их поддержки уже были добавлены в WebKit. #css #spec #mobile https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Вы не ввели Email
Вы не ввели текст комментария

Путь репера Ганвест, порнография, прямая бочка, трэп и успех

#Заметка

Лейбл Zhara Music может похвастаться не только артистами в топах всевозможных стриминговых сервисов, но и певцом, актером и просто...

17.02.2019

Большой Фестиваль Роботов @festivalrobotov впервые в Краснодаре - в OZ Mall с 2 марта! Такого ты никогда не видел!

- Новейшие роботы с презентации в Лас-Вегасе
- Арена с 7 разными техношоу
- Красная...

08.02.2019

Муж Даши Коноваловой - Кирилл Шейхаметов, сын основателя "Якитории" и уже год как партнера Павла Те Олега Шейхаметова. Папа застраивает 1-ю Институтскую улицу рядом с Нахабино, сын - дарит Даше пятикаратники)...

06.02.2019

выгрузка ЕСКЛП публикуется по мере обновления ЕСКЛП на FTP-сервере ftp://ftp.esklp.rosminzdrav.ru/ (справочно), для FTP-сервера: Логин: esklp_xls, Пароль: bUUZSZ6e. Берете файлы с названием esklp-smnn...

24.01.2019

MySQL и БИТовое И
Как я строил связь много ко многим через «БИТовое И».
Задача: сделать отношение между категориями и продуктами БЕЗ промежуточной таблицы (такова специфика архитектуры). Один продукт может...

05.10.2018

Не полное ТЗ: Углы прямые, трубы параллельны. Что не так-то? #юмор

28.09.2018

Как найти все сообщения в чате от одного участника

Откройте поиск, нажмите на иконку "человека" и введите @юзернейм или имя пользователя.
Так вы сможете просмотреть всю историю сообщений участника.

21.06.2018

Возможно Вас заинтересует еще и это: