Здравствуйте, помогите пожалуйста, не могу найти в интернете. Допустим возьмем вертикальную полоску
<div
style="
width: 100px;
height: 1080px;
margin: -10px -10px;
background-color: black;
"
></div>
Но ее правильное отображение может быть только на разрешении 1920x1080, а например на 2к мониторах эта полоса не будет доходить до самого низа, как сделать так что-бы на всех разрешениях монитора эта полоска было ровно в низу?
Есть такие единицы измерения как vh и vw. 100vh это высота окна, а 100vw это ширина. Соответственно если хочешь чтобы полоска на любом экране заполняла его половину, пиши ей height: 50vh;
Способов много, это один из многих
Использовать адаптивную вёрстку для позиционирования элементов. Задавать размеры не в пикселях, а в процентах или vw wh. Использовать flex, grid и так далее.