С мобильного не коректно отображается текст.

[ozzyk]

Столкнулся с проблемой, с мобильного у некоторых блоках, текс отображается очень большим. На ПК все так как нужно, как исправить ума не хватает. Смотрел с мобильного на демо страницу ocstore та же фигня. Увидеть это можно в карточке товаров: цена, производитель, модель, описания относительно остального текста на сайте больше в 4 раза.

сайт

Спасибо за помощь!

[cloudrc]

В header.tpl после

<base href="<?php echo $base; ?>" />

Добавьте

<meta name="viewport" content="width=device-width">

[sitecreator]

 

В header.tpl после

<base href="<?php echo $base; ?>" />

Добавьте

<meta name="viewport" content="width=device-width">

 

Если быть более правильным, то должно быть не

content="width=device-width"

(это правильно для адаптивного дизайна, когда ширина сайта равна ширине вьюпорта)

 

а должно быть

<meta name="viewport" content="width=968px, initial-scale=1.0">

т. к. сайт с фиксированной шириной. Разумеется, что подставлять нужно реальную ширину вашего сайта.

 

Правда, появляется одно небольшое неудобство, а может быть, наоборот, удобство (кому как) - сайт всегда открывается в масштабе 1:1.  А далее пользователь уже сам выбирает масштаб.  По идее это правильно для тех же смартфонов, иначе на ширине экрана (вьюпорта) в 320px совершенно ничего не удастся разглядеть если у вас ширина сайта, например, 980пикс

Змінено 22 червня 2015 користувачем sitecreator