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

0

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

  • 0
    Просто не устанавливайте ширину и не позволяйте странице течь, или используйте процентные размеры.
  • 0
    то, что вы, вероятно, хотите, это #container { margin: 0 auto; } Таким образом, элемент всегда будет центрирован, если он имеет фиксированную ширину, независимо от разрешения. Этот элемент должен быть прямым потомком элемента <body>
Теги:

1 ответ

0

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

например

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

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

Поделиться
  • 0
    Что если я открою веб-страницу на своем телефоне с разрешением 300 пикселей? Ширина будет 120px, не очень читаемая
  • 0
    Создайте отдельную мобильную страницу, тогда большинство сайтов не будут работать на мобильных устройствах и компьютерах без отдельных страниц.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню