Как установить высоту/ширину div с помощью разрешения экрана?

Question

Мое разрешение экрана - 2560 x 1440. Если я хочу, чтобы высота divs была (например) 10% от моего разрешения по вертикальному экрану (144 пикселя), как бы я это сделал?

Я предполагаю, что это должно быть сделано с помощью javascript ...?

EDIT:

vw и vh не то, что мне нужно.

Мне нужно полное разрешение экрана моего компьютера, а не только окно браузера, то есть то, что vw и vh сделать.

Вопрос: Это сообщение похоже на действительно показывает пользователям, как определить разрешение экрана, НО не конкретно, как использовать это разрешение экрана для изменения div в CSS.

Фигурные это на моем собственном ...

<script> 
    document.getElementById("div").style.height = screen.height + "px"; 
</script> 

Answer 1

вы можете сделать это, установить ширину и высоту по Vh & Vw CSS единиц, например 100vh = 100% от высоты окна просмотра 100vw = 100% от ширины окна просмотра

или использовать медиа-запрос, например

@media screen and (min-width: 1024px) , screen and (min-height: 768px) { 
    /* css for 1024px x 768px resolution and up */ 
}