Как настроить содержимое страницы, чтобы оно занимало только ширину экрана?

Question

Используя инструменты разработчика, мой контент сжимается со скоростью ниже bps. Все от моего заголовка до нижнего колонтитула находится внутри контейнера. Контейнер имеет значение:

.container {
    width: 800px;
    margin: 0 auto;
    border: 2px solid green;
}

При 800px у меня горизонтальная прокрутка, и содержимое сжимается, добавляя пространство внизу нижнего колонтитула. Используя медиа-запрос, как я могу заполнить экран контейнером? экран при 788 бит / с

Answer 1

Я думаю, что вы ищете медиа-запросы:

@media only screen and (max-width: 800px) {
  .container {
    width: 100vw;
  }
}

Ознакомьтесь с документами здесь .

Ура! 100

Answer 2

Я думаю, что вы хотите width: 100% и max-width: 800px.

Answer 3

width:100% это заставит контейнер div занять всю область просмотра.