Как стать автором
Обновить

Вёрстка, CSS, Windows Mobile 5.0. Размер шрифта в IE и Opera Mobile

Время на прочтение1 мин
Количество просмотров2.5K
Корплю над стилями PDA-версии некоего весёлого сайта. Вижу, что IE Win Mobile и Opera Mobile имеют различия в отображении одного и того же кода:

body {
font: 100% Verdana, Arial,sans-serif;
color: #000;
background: #fff;
}


Шрифт в Opera Mobile выглядит 2 раза крупнее, нежели в IE. Оба браузера с настройками по умолчанию. Под катом рабочее решение. Не наступайте на грабли, друзья.


Фильтрую очень просто:

/* opera mobile */
html > body {
font-size: 50%;
}


Поскольку Opera Mobile понимает этот синтаксис, то у всех тегов body уменьшает размер шрифта наполовину.

Кстати, запись вида
body[class] {
font-size: 50%;
}
в качестве фильтра не подходит — IE вполне себе понимает :-)
Теги:
Хабы:
Всего голосов 24: ↑21 и ↓3+18
Комментарии38

Публикации

Истории

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
19 сентября
CDI Conf 2024
Москва
20 – 22 сентября
BCI Hack Moscow
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн