Непонятный перенос слов на мобильных устройствах

[poshat]

Может кто сталкивался при просмотре сайта на мобильных устройствах. Вроде все выглядит нормально, но при относительно больших объемах текста, в параграфах и без них слова переносятся гораздо раньше указанной ширины. Получается, что весь текст прижимается влево без всякой на то причины. Примеров огромная масса, но не пойму в какую сторону копать.

 

Если не понятно о чем речь, то могу сделать скриншот

[Radiocity]

Код в студию.

[poshat]

Код в студию.

Весь)))

 

Прямо сейчас смотрю "alplab . ru" со смартфона Андроид (800х480) со штатного браузера. Под заголовком "Новогодние скидки" начинается текст с картинкой, который как раз и смещен почему-то влево, т.е. параграфы с текстом формируется на более узком участке, чем должны. На остальных страницах тоже самое смещение. И таких сайтов очень много в интернете. 

 

Понятно объясняю?

[npofopr]

Во-первых на кой ляд вы ставите всякие пробельчики? http://alplab.ru

А во-вторых, что толку его смотреть, если сайт не мобильный? на 980px прокрутка появляется.

И посмотрите через Фаербаг, у вас для первого же абзаца указан правый margin, может в нем дело, и поэтому перенос идет раньше.

[poshat]

Во-первых на кой ляд вы ставите всякие пробельчики? http://alplab.ru

А во-вторых, что толку его смотреть, если сайт не мобильный? на 980px прокрутка появляется.

И посмотрите через Фаербаг, у вас для первого же абзаца указан правый margin, может в нем дело, и поэтому перенос идет раньше.

Понятно, что это не оптимизированная под мобильные устройства верстка, но параграф смещается скорее всего не от марджин, а как раз от того, что ширина блоков задана, а расширение у мобильных устройств меньшее. Мне так кажется.

 

Чем лучше Фаербаг консоли Хрома, вызываемой в контекстном меню "Проверить элемент"? У Хрома даже более интерактивно работает, есть подсветка активных блоков.

 

Сейчас анализировал статистику в метрике по некоторым сайтам, оказалось, что кол-во отказов при заходе с мобильных устройств у сайтов с мобильной версией, которая не имеет дизайна и открывается на любом устройстве, вообще зашкаливает. Видимо такая версия теперь не нужна посетителям, разрешения стали другими у смартфонов.

 

Значит надо делать полностью резиновую верстку, при которой все элементы задаются в процентном отношении к родителям? Считай заново сделать сайт.

[SelenIT]

параграфы с текстом формируется на более узком участке, чем должны

Это фича встроенного браузера Андроидов (по слухам, и некоторых других мобильных). Для того, чтобы при увеличении сайта для комфортного чтения текста он вмещался в экран хотя бы по ширине и скроллить его приходилось лишь по одной оси, а не зигзагом. Как по мне, очень удобная для пользователя.

[poshat]

Это фича встроенного браузера Андроидов (по слухам, и некоторых других мобильных). Для того, чтобы при увеличении сайта для комфортного чтения текста он вмещался в экран хотя бы по ширине и скроллить его приходилось лишь по одной оси, а не зигзагом. Как по мне, очень удобная для пользователя.

 

Да, похоже на то. Поставил Firefox, там нет такой проблемы, сайт выглядит идеально. Но в Opera mini ещё хуже чем в штатном браузере.