Разница между vh vw и % ,видел в интернете ,но не уловил сути,что лучше использовать vw или % для размеров и лучше для чего именно его использовать,для каких тегов или блоков?
1
-
Когда уместно и удобно в решаемой задаче, тогда и использовать, ваш кэп– andreymal27 сен 2018 в 7:51
Добавить комментарий
|
1 ответ
% используется в соотношении к родителю. Vw/vh независимо от родителя всегда на всю ширину/высоту экрана. Пример:
.block{
width: 300px;
height: 200px;
background-color: #000;
}
.block__item{
height: 100px;
}
.block__item_percent{
width: 100%;
background-color: red;
}
.block__item_vw{
width: 100vw;
background-color: #000;
}
<div class="block">
<div class="block__item block__item_percent">
</div>
<div class="block__item block__item_vw">
</div>
</div>
-
Ааа,благодарю,я понял) Но для каких элементов лучше заадавать vw? Для фона?или может конкретных блоков? Просто процент кажется удобнее в этом плане,да,я понял,что это немного разные вещи,но все же) 27 сен 2018 в 7:38
-
@KsivilianYavorskii, я обычно задаю для фиксированных элементов. Header, overlay. Иногда для body задаю, если создаю странички без скролла.– Алексей27 сен 2018 в 7:55
-
@KsivilianYavorskii, P.s если ответ вам помог и вы считаете,что вы решили свою проблему, отметьте его правильным)– Алексей27 сен 2018 в 8:11
-
Та я бы рад,но мне пишет система,что я нуб и у меня меньше 15 репутации,я не так давно здесь зарегистрировался) Как будет возможность обязательно вернусь и нажму лайк) Еще раз спасибо) К стати задал для body 100vw и появился боковой скрол,а при 100% его нет,чего так? 27 сен 2018 в 8:17
-