Как запретить мобильному браузеру изменять ширину текста?

Question

[Ralf8686]

На обычных ПК сайт отображается нормально, но вот при открытии в телефоне некоторые блоки, как правило с text-align: left; начинают сужаться до ширины экрана девайса. Как запретить этот процесс?
Ссылка на сайт: spartarussia.ru/mission

Comments

[Ralf8686]

Answer 1

[Степан]

Сейчас Ваша верстка вообще не валидна с мобильного браузера. Используйте @media и делайте адаптивную верстку. Это не так уж и сложно.

Comments

[Юрий Лобанов]

Судя по тексту - не так много времени осталось :-)

[Ralf8686]

@iiil верно подметил, и вопрос все таки стоит в другом)

[Юрий Лобанов]

@Ralf8686 какой конкретно блок? у меня на андроиде все ок вроде. Я понимаю о чем Вы, но не нашел такой блок на сайте.

[Ralf8686]

@iiil У вас скорее всего отключена галочка в браузере "Мобильный вид" или что то подобное, или же включен Desctopный режим. Например вся информация о тренерах, вверху прикрепил изображение

[Юрий Лобанов]

@Ralf8686 нет, обычно у меня на сайтах текст выстраивается в колонку. Кстати, бывает очень удобно. Но тут нет такого, текст не так, как на картинке, а вытянут по ширине.

[dllstar]

может я конечно что не так сделал но на opera mini 4.0.10247 @media handheld не пошла

Answer 2

[Сергей Виноградов]

Недавно столкнулся с такой же проблемой. Закомментировал viewport, все стало нормально отображаться. Правда у меня viewport был width=device-width, initial-scale=1