Зачем теперь в CSS единицы измерения vw и vh, если появились lvw и lvh?

Question

[Camaro67]

• lvw и lvh — размеры окна просмотра, если все динамические панели убраны. В данный момент они могут быть не убраны, но lvw и lvh будут соответствовать значениям, словно панелей нет т.е. эти значения не меняются.
  
• svw и svh — наоборот соответствует значениям, если все динамические панели видны, хотя они могут в данный момент быть реально скрыты. Опять же, значения статичны.
  
• dvw и dvh — динамические значения, которые соответствуют текущей в данный момент времени области просмотра. Например, могут иметь какие-то промежуточные значения, если в данный момент панель находится в полу-открытом состоянии.
  

Собственно вопрос: если я всё верно описал выше по значениям, то какой смысл теперь от значений vw и vh, только из-за совместимости или я что-то не так понял? vw же получается теперь тоже самое, что и lvw (vw = lvw), и соответственно vw равен lvh.

Comments

[Wispik]

Зачем теперь в CSS единицы измерения vw и vh

Обожаю такие формулировки)). А что теперь нужно vw удалить из css, чтобы миллионы сайтов сломались?
Ещё обожаю, когда на такие вопросы сложность ставят - сложный))

[Camaro67]

Wispik, это типа когда нечего сказать по сути вопроса, но высер свой оставить очень хочется?))
Вопросы нужно дальше заголовка читать, прежде чем комментировать, чтобы не выглядеть глупо.

Я даже близко не говорил о том, что vw и vh нужно удалить переломав кучу сайтов. Меня интересовало действительно ли эти единицы одинаковы и теперь можно просто использовать lvw и lvh, вместо vw и vh или всё же между ними есть какая-то разница:

какой смысл теперь от значений vw и vh, только из-за совместимости или я что-то не так понял?

Ещё обожаю, когда на такие вопросы сложность ставят - сложный))

Но при этом ответа на него ты дать не смог))

[Wispik]

Camaro67, а что ещё сказать на вопрос, ответ на который является банальное чтение документации...
Если вопрос был сформулирован нормально, типо "в чем отличие между vw и lvw", я бы и прошёл мимо

[Camaro67]

Wispik, Я не смог найти этого в документации, но я вижу ты у нас величайший ум, будь добр, сбрось ссылку на документацию где чётко объясняется разница между этими величинами. Что-то мне подсказывает, что этого ты сделать не сможешь, это же не высеры строчить, здесь уже реально в вопросе разбираться нужно))

[Wispik]

Camaro67,

здесь уже реально в вопросе разбираться нужно))

смешно))
у тебя даже в вопросе все написано, чем они отличаются

получается теперь тоже самое, что и lvw (vw = lvw)

хорошо, вот ответ:
1. vw - писать просто привычнее
2. vw - писать на один символ меньше

Answer 1

[Михаил Р.]

- vw/vh всегда относятся к размеру текущей видимой области просмотра. Если у вас есть адресная строка или панель вкладок, которые перекрывают часть экрана, vw/vh будут учитывать это перекрытие.
- lvw/lvh, svw/svh и dvw/dvh все относятся к размеру окна просмотра с учетом различных состояний динамических панелей (например, адресной строки или панели вкладок в мобильных браузерах).

vw будет равен lvw только в том случае, если все динамические панели скрыты. В противном случае vw будет меньше, чем lvw.

Comments

[DIVSIDE]

хороший ответ

[Виктор]

к размеру текущей видимой области просмотра
к размеру окна просмотра без учета области прокрутки

Разве не одинаковые области?

[Михаил Р.]

Виктор, согласен, поправил

[Camaro67]

Если у вас есть адресная строка или панель вкладок, которые перекрывают часть экрана, vw/vh будут учитывать это перекрытие.

Т.е. vw/vh скорее ближе к dvh/dvw, чем к lvw/lvw? vw/vh изменяется динамически, в зависимости от открытых панелей, как и dvw/dvh, но только vw/vh работает криво в мобильных браузерах. Иными словами, vw/vh = dvw/dvh, но последний работает более стабильно в мобильных браузерах. Я верно понял?

[Михаил Р.]

Camaro67, да, dvw и dvh действительно ближе к vw и vh, но работают более стабильно в мобильных браузерах, корректно учитывая динамические изменения размеров экрана.