Как убрать отступы в мобильной версии сайта, но оставить в полной?

Question

[Alex Blinov]

При обычном просмотре мобильной версии отступов нет, а вот при открытии полной на телефоне или же на компьютере m.habr.com присутствуют отступы, что выглядит довольно отлично. Как осуществить это?

spoiler

Answer 1

[dollar]

Делать две версии сайта - мобильную и полную.
m.habr.com и habr.com - тому пример.

spoiler

max-width: 780px;

Comments

[Alex Blinov]

Это понятно. Речь идет именно о мобильной версии. Зашел я например на m.habr.com через телефон - все ок, а через компьютер - отступы.

[dollar]

Alexander Blinov, так m.habr.com не предназначен для десктопа, там вообще что угодно может быть теоретически, любые чудеса.

[dollar]

Alexander Blinov, как пример на m.habr.com используется следующее:
max-width: 780px;

[Alex Blinov]

По сути да согласен с вами. Наверное я пример не тот привел. Уходить далеко не будем: toster.ru. На мобильном устройстве одна ситуация, а на компьютере появляется поисковая строка вместо просто кнопки, реклама и тд. Все это на одном домене toster без поддоменов.

[dollar]

Alexander Blinov, всякое такое:

@media only screen and (max-width:768px) {
  .link_toggle-navbar {
    display: inline
  }
}
@media(max-width:1199px) {
  .viewer-hide-md-down {
    display: none
  }
}

на Тостере очень большой css файл

[Alex Blinov]

dollar, все наконец то понял. max-width мне вполне подойдет. Спасибо!

Answer 2

[Stalker_RED]

Медиазапросы же