Перейти к содержимому


Разное Отображение Магазина В Разных Браузерах (На Мобильном)


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 5

#1 Никита_Питер

Никита_Питер

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 21 Сентябрь 2016 - 01:30

Подскажите, с чем может быть связана данная проблема и можно ли решит её? Заходя с мобильного телефона, магазин отображается по разному, в Chrome, текст который размещён на странице, становиться больше и из-за этого раскидывает фотографии, растягивает сайт вниз.... в то же время при заходе на страницу через Opera, всё отображается корректно, текст расположенный в html странице, по отношению ко всему магазину не становится больше и не искажает размещённые фотографии...

Прикрепленные изображения

  • Screenshot_2016-09-21-01-03-16.png
  • Screenshot_2016-09-21-01-03-52.png


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 216 сообщений

Отправлено 21 Сентябрь 2016 - 02:59

Уточните пожалуйста версию браузера Opera, которую вы используете.

#3 Никита_Питер

Никита_Питер

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 21 Сентябрь 2016 - 16:28

Просмотр сообщенияVaccina (21 Сентябрь 2016 - 02:59) писал:

Уточните пожалуйста версию браузера Opera, которую вы используете.

Версия Оперы на мобильном: 37.0.2192.105088
к ней вопросов нет, контент отображается без искажений

Версия Хрома, которая увеличивает текст: 45.0.2454.84

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 216 сообщений

Отправлено 22 Сентябрь 2016 - 04:22

Попробуйте в main.css удалить:
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}

после изменений почистите кэш браузера

#5 Никита_Питер

Никита_Питер

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 22 Сентябрь 2016 - 23:19

Просмотр сообщенияVaccina (22 Сентябрь 2016 - 04:22) писал:

Попробуйте в main.css удалить:
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
}

после изменений почистите кэш браузера

Нет, всё равно текст на мобильном в Хроме выдаёт увеличенным. Причём это касается именно страничек созданных на вашем, встроенном редакторе. То что было базовым в шаблоне, раздел "Каталог" например или "Войти в ЛК" там текст не увеличивается..

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

Цитата

max-height:9001em;
  что бы попробовать отключить автоматическим масштабированием текста в этом блоке?



#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 216 сообщений

Отправлено 23 Сентябрь 2016 - 05:59

Попробуйте следующее, в шаблоне HTML найдите:
<meta name="viewport" content="width=1200" />

замените на:
<meta name="viewport" content="width=1200, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

В main.css найдите:
html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}

замените на:
html {font-size:14px;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-font-smoothing:none;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных