Разница между VH и %CSS

Разбираемся в CSS
Ответить
Anonymous
 Разница между VH и %

Сообщение Anonymous »

Почему в коде ниже, если я изменяю
(высота от VH на %) после изменения изменения: < /p>
.banner {
width: 100%;
height: 100vh;
background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(background.jpg);
background-size: cover;
background-position: center;
}
.banner {
width: 100%;
height: 100%;
background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(background.jpg);
background-size: cover;
background-position: center;
}
< /code>
На высоте баннеров 100VH
до < /p>
на высоте баннеров 100%
при 100%< /p>
Почему существует разница, поскольку 100%означает 100 процентов контейнера. И здесь контейнер - это div (класс баннер), и он занимает полную страницу.>

Подробнее здесь: https://stackoverflow.com/questions/754 ... een-vh-and
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»