Member 14366604 Ответов: 1

Как я могу использовать полную ширину моего контейнера в мобильных устройствах


I Have Question about container width How I can use full container width on mobile devices When I Open My Site In Mobile Extra Padding space come there?
here's my code

.th-container {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1200px;
}
@media (max-width: 768px) {
  .th-container {
    padding: 0 25px;
  }
}

#primary.content-area {
  float: left;
  width: 65.7894736842105%;
  max-width: 900px;
}
@media (max-width: 768px) {
  #primary.content-area {
    width: 100%;
    float: none;
  }
}


Что я уже пробовал:

Я попробовал некоторые решения, теперь мой контейнер веб-сайта хорош.
спасибо

Gerry Schmitz

У вас есть обивка и ширина.

Измените все на ноль; меняйте по одному; наблюдайте; приспосабливайтесь.

1 Ответов

Рейтинг:
2

Member 12656556

Максимальная ширина контейнера:1200px на рабочем столе если размер экрана окна больше, то 1200px означает, что оставшееся пространство будет располагаться слева и справа, так что оно будет выглядеть как большое пространство слева и справа.
В мобильный свой дают 100% с подкладкой, поэтому он занимает всю ширину и возьмите левый и правый отступы 25 пикселей, так что пространство выглядеть меньше рабочего стола.
Если вы даете max-width:100% с отступом влево и вправо 25px на рабочем столе также в мобильном телефоне и рабочем столе выглядят как одно и то же пространство.