@RobinB

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

quirktools.com/screenfly/#u=http%3A//spec-magnits.... - вот пример того как выглядит на мобильном
viktm12.srd.webhost1.ru/anishtraf - вот ссылка на сайт на моем хосте...
  • Вопрос задан
  • 2433 просмотра
Пригласить эксперта
Ответы на вопрос 4
@RobinB Автор вопроса
При открытии на других расширениях сайт открывается с верхнего левого края
Ответ написан
aen
@aen
Keep calm and 'use strict';
А почему вы решили, что он должен центрироваться? У меня на десктопе при ширине экрана в 1024px тоже не центрируется. У вас же макет шире.
Ответ написан
Он и не должен центрироваться в вашем случае. Стили, которые управляют отображением вашего сайта и его центрированием, актуальны прежде всего в случае, когда ширина рабочей области больше ширины контента, но никак не наоборот.

Чтобы достичь центрирования, вы можете либо сделать свой сайт адаптивным (лучший способ), либо ограничивать максимальную ширину контента шириной рабочей области (при помощи js или width: 100%), либо использовать примерно такой css (набросал примерно, суть в центрировании контента абсолютно):
.wrapper {
   position: absolute;
   left: 50%;
   margin-left: -675px; /* 1349 / 2 */
}
Ответ написан
Deodatuss
@Deodatuss
а если это в head вставить?
<meta name="viewport" content="initial-scale=1.0 user-scalable =no">
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы