Я новичок в верстке хотел узнать, т.к. не какой информации практически не нашел либо не правильно задавал вопрос.Как сделать в таком порядке 3 любых цвета на полный экран для любого разрешения мониторов.Я пришел к такому выводу, что нужно создавать div
, где указывать width
и height
для цвета, но это же не подойдет к разрешению других мониторов
Добавить комментарий
|
1 ответ
.block_1,
.block_2,
.block_3 {
display: block;
position: relative;
min-width: 100vh;
min-height: 100vh;
}
.block_1 {
background-color: red;
}
.block_2 {
background-color: yellow;
}
.block_3 {
background-color: green;
}
<div class="block_1 block_height"></div>
<div class="block_2 block_height"></div>
<div class="block_3 block_height"></div>
-
А возможно как то реализовать без
js
?– user3625865 дек 2019 в 18:09 -
А возможно реализовать как то так, псевдокод такой
body{ background-color: green 100%, yellow 100%}
таким образом чтобы у нас появилось 2 цвета с возможностью прокрутки вниз и они занимали всё разрешение экрана? Ну т.е. сначала на всю ширину и высоту экрана у нас был бы зеленый, потом когда крутишь вниз желтый– user3625865 дек 2019 в 18:21 -
Простите, чуть не успел до вашего ответа– user3625865 дек 2019 в 18:25
-
Да, это то что нужно, спасибо вам!– user3625865 дек 2019 в 18:29