Как сделать divs и другие элементы контейнера независимо от разрешения экрана, которое использует пользователь?

Question

Я не знаю, как работают резолюции. Если я установил ширину моих элементов контейнера на 1000 пикселей, и пользователь откроет страницу с экрана разрешения 1300 пикселей, тогда правая часть экрана 300 пикселей будет оставлена ​​белой. Я не хочу, чтобы это произошло. Один из способов, который я знаю, - это CSS Media Query, но таким образом мне придется писать тонны строк кода. Также я не хочу делать это с помощью jQuery. Может ли кто-нибудь объяснить мне, как работают разрешения и как я могу создавать независимые от резолюции элементы на моей веб-странице?

Answer 1

Используйте проценты вместо пикселей.

, например

div { 
height:60%; 
width:40%; 
} 

Используя проценты вместо пикселей не сделает это правильный размер независимо от того, какой экран.