Сообщений в теме: 5

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

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

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

• 
• 

[Vaccina]

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

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

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

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

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

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

[Vaccina]

Попробуйте в main.css удалить:

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}

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

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

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

Попробуйте в main.css удалить:

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
}

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

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

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

Цитата

max-height:9001em;

  что бы попробовать отключить автоматическим масштабированием текста в этом блоке?

[Vaccina]

Попробуйте следующее, в шаблоне 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;}