В браузере Dolphin на Android текст не на всю ширину

AJ
На сайте с 25.06.2012
Offline
121
938

Приветствую! Второй день уже бьюсь с этой проблемой, как рыба об лёд!

Суть в том, что на мобильном браузере Dolphin ширина текста контента на сайте занимает не всю ширину блока, а только половину, визуально. Покопавшись, я понял что ширина текста ограничена значением ширины экрана устройства, несмотря на то что задан meta viewport=1080. Ну т.е. сайт смотрится как и должен, но именно основной текст статьи занимает только половину отведённой ему ширины. При этом, при наличии картинок они занимают всю ширину. Отмечу, что это всё для полной версии сайта на мобильном.

Вот так это выглядит (текст слева закрашен серым):

https://yadi.sk/i/0W_4JfGHfr7Kp

Решение проблемы нашлось в применении тэга text-align: start.

Но после обновления браузера до последней версии это уже не работает. Но работает в браузере по умолчанию, т.к. и в нём без этого тэга была та же беда.

Данная проблема активно обсуждалась в данной ветке (англ.) http://stackoverflow.com/questions/8508889/android-autofit-mode-causing-issues-with-css-width-in-web-page

Там решение нашлось в установке фоновой прозрачной картинки 1x1px и типа всё работало. Попробовал - не работает. Может в старых версиях браузера помогало, не знаю. Кароче, разработчики прям стараются :)

Полазил по разным сайтам и нашёл только один сайта без этого "бага". Но в его коде и в css не нашёл решения.

Корень проблемы кроется в функции браузера "Автоматически подгонять ширину страниц" (Auto-fit pages). При её отключении текст тут же выравнивается на всю ширину.

Остаётся только вопрос, какие задать настройки css (думаю дело именно здесь), чтобы этот грёбаный Auto-Fit не портил вёрстку?

Только что обнаружил ещё такую вещь. При отключении дополнения Dolphin JetPack проблема пропадает. Т.е. баг относится только к Dolphin JetPack.

Удивлён, что никто не обсуждал этот вопрос, или я не так искал. Помогите кто может)

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#1

Может стоит поставить правильный viewport от Гугла?

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

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
AJ
На сайте с 25.06.2012
Offline
121
#2
DiKiJ:
Может стоит поставить правильный viewport от Гугла?
Пока вижу, что у вас не мобильная версия, а обычная, для которой ВАШ браузер подогнал шрифт по размеру экрана для удобства чтения. Это, кстати, в самом же браузере и отключается в настройках.

какой ещё viewport от Гугла? что это?

у меня стоит viewport=1080px, да, это для полной версии сайта, есть и мобильная, там всё хорошо. Неправильно он подгоняет шрифт.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий