Question

Всю голову изломал, но никак не разберусь, почему в смартфоне по разному отображается размер шрифта в pda версия двух сайтов (в частности, меню), хотя шаблон css одинаков?  http://shels.ucoz.org, http://miv-sp.ucoz.ru

Comments

Как говорится, дело было не в бабине... Проблема решилась проще и без всяких танцев со шрифтами.

Во все шаблоны страниц pda перед </head> добавить:

 <meta name="viewport" content="width=device-width, initial-scale=1" />

и удалить из шаблона css pda все упоминания о том же viewport за ненужностью (бесполезностью).

Кому нужна простейшая читаемая мобильная версия, рекомендую этот способ. Нужно только настроить меню (если много пунктов) и адаптивность видео и изображений в css.

Answer 1

В таблице стилей CSS Pda версии смотрим строку номер 8:

td, body{font-family:Tahoma, Arial; font-size:12pt; }

в полной версии она у вас такая:

td, body {font-family:verdana,arial,helvetica; font-size:10pt;color:#000000;}

как видите, размер шрифта в полной 10pt в мобильной 12pt настройке какой вам нужен.

Comments

В шаблонах pda двух сайтов стоит 12pt, шаблон стандартный, но если на http://shels.ucoz.org с отображением в смартфоне все нормально, то на http://miv-sp.ucoz.ru  при таком же шаблоне и 12pt шрифт остается мелким (например, в яндекс-браузере - мелкое только меню, в опере - весь сайт)

---

Евгений Shels Шелков,

По сайту http://miv-sp.ucoz.ru/ для пда версии в стили пропишите:

[id^=uMenuDiv] span {font-size:30pt;}

после меню будет более заметным.

---

Евгений Shels Шелков,

Или же как-то так:

[id^=uMenuDiv] span,.catsTd,.div,a {font-size:30pt;}

пробуйте, 30 настраивайте под себя как нужно вам.

---

Yuri_Geruk,

Настраивать под себя можно, но в разных браузерах опять же будет разная картинка. Почему в одном случае достаточно 12pt в body, а в другом при абсолютно таком же шаблоне этого не достаточно? Это какой-то баг Ucoz'а?

---

Евгений Shels Шелков,

Это не баг, это разная работа браузеров с стандартными шрифтами. Если установить свой http://htmlbook.ru/blog/svoi-shrift-na-stranitse таких проблем можно избежать.

---

Yuri_Geruk,

Да в том то и дело, что и на одном и на другом сайте  шрифт одинаковый: Tahoma, Arial, размер одинаковый: 12pt, шаблон pda одинаковый (кроме цветов), а отображаются сайты В ОДНОМ БРАУЗЕРЕ по разному! (Кэш, историю чистил неоднократно!)

---

Евгений Shels Шелков,

Шрифт одинаковый, но каждый браузер его по своему понимает и отображает. Здесь проблема на уровне браузеров в понимании шрифтов. Если установить свой, в большей части все браузеры или почти все отображают одинаково.

---

Yuri_Geruk,

То есть один и тот же браузер по своему понимает и отображает один и тот же шрифт пусть на разных сайтах, но при одинаковых css? Разве такое может быть?

Проверка мобильных страниц от Яндекса пишет, что на сайте http://miv-sp.ucoz.ru/ тег viewport не указан. Но он указан! Получается проблема все-таки в Ucoz'е?

---

Евгений Shels Шелков,

1. Если тег указан, значит проблема на стороне поисковика так как он не обновил данные и не увидел его.
2. По разному понимает так как разные версии сайта мобильная и полная в обоих не подключен свой шрифт и разные размеры. И к тому же мобильная не идеальная и требует настройки под конкретный сайт, так что, не стоит ожидать идеального отображения без настройки под свой сайт и как пример подключения своих шрифтов. Я себе шрифт в блоге подключил и таких проблем вовсе нет.