- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи
И выявили более 7 млн подозрительных пользователей
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Приветствую! Второй день уже бьюсь с этой проблемой, как рыба об лёд!
Суть в том, что на мобильном браузере 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.
Удивлён, что никто не обсуждал этот вопрос, или я не так искал. Помогите кто может)
Может стоит поставить правильный viewport от Гугла?
Пока вижу, что у вас не мобильная версия, а обычная, для которой ВАШ браузер подогнал шрифт по размеру экрана для удобства чтения. Это, кстати, в самом же браузере и отключается в настройках.
Может стоит поставить правильный viewport от Гугла?
Пока вижу, что у вас не мобильная версия, а обычная, для которой ВАШ браузер подогнал шрифт по размеру экрана для удобства чтения. Это, кстати, в самом же браузере и отключается в настройках.
какой ещё viewport от Гугла? что это?
у меня стоит viewport=1080px, да, это для полной версии сайта, есть и мобильная, там всё хорошо. Неправильно он подгоняет шрифт.