Ширина контента на мобильных устройствах

[gibiskus]

Здравствуйте.
Подскажите, пожалуйста, в чем причина и как исправить следующее: на мобильных устройствах на небольшом разрешении ширина контента занимает половину блока и меньше.

Собственно сам сайт http://u.to/PfpaBA

 

[Great Rash]

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

[gibiskus]

Пробовал добавлять строчку

<meta name="viewport" content="width=device-width, initial-scale=0.1">

Но страница отображается почти в оригинальном размере.
Меня устраивает вариант, который отображается без этой строчки (ширина сайта равна ширине экрана), все за исключением блока с контентом. Как добиться нужного?

[Zverushka]

@gibiskus, попробуйте body min-width 1000px задать для более корректного масштабирования (это без мета тега).

Edited June 18, 2014 by Zverushka

[SelenIT]

Это не баг, а фича (характерная для андроидных браузеров и мобильной Оперы). При масштабировании до читабельного размера шрифта текст всё равно будет помещаться в окно по ширине, и его можно будет читать, не дёргая постоянно туда-сюда по горизонтали. Если пользователь хочет смотреть на сайт как на картинку, а не читать текст, он может отключить эту фичу у себя в настройках. Но вряд ли таких эстетствующих мазохистов будет много)

[gibiskus]

@gibiskus, попробуйте body min-width 1000px задать для более корректного масштабирования (это без мета тега).

Все по прежнему.

 

При масштабировании до читабельного размера шрифта текст всё равно будет помещаться в окно по ширине

 

В том то и дело, что текст занимает не всю доступную ширину блока. Чем меньше разрешение экрана, тем уже колонка с текстом.

[SelenIT]

Читать же вы его будете не в этом масштабе, а приблизив (напр. двойным "тапом"). Вот тогда он идеально впишется в ширину окна (левая колонка и правое поле спрячутся), и скроллить его надо будет только вертикально. А на обзорном виде (как на скриншоте) он остается узким, чтобы не было скачков при смене масштаба. Это можно отключить (у встроенного браузера в моем андроиде 4.0 - "Настройки/Расширенные/Мобильный вид"), но читать текст без этой фичи - сущее мучение.