Вопрос Как сделать одинаковое отоброжение обьекта в html на разных мониторах?

[lolk]

Здравствуйте, помогите пожалуйста, не могу найти в интернете. Допустим возьмем вертикальную полоску

<div

style="

width: 100px;

height: 1080px;

margin: -10px -10px;

background-color: black;

"

></div>

Но ее правильное отображение может быть только на разрешении 1920x1080, а например на 2к мониторах эта полоса не будет доходить до самого низа, как сделать так что-бы на всех разрешениях монитора эта полоска было ровно в низу?

 

[cat1337]

Есть такие единицы измерения как vh и vw. 100vh это высота окна, а 100vw это ширина. Соответственно если хочешь чтобы полоска на любом экране заполняла его половину, пиши ей height: 50vh;
Способов много, это один из многих

 

[pavelap3]

Задать правильные размеры в стилях для начала и будет отображаться правильно

 

[constantine]

Использовать адаптивную вёрстку для позиционирования элементов. Задавать размеры не в пикселях, а в процентах или vw wh. Использовать flex, grid и так далее.

 

[4cheat]

Например, height: 100%;