Opera Mini не поддерживает line-height
и font-size
правильно и у меня есть 2 блока текста (10px/1 Arial
) - один вверху и один внизу страницы, оба должны быть всегда видны (нет прокрутка или перемещение их разрешены), но поскольку они занимают гораздо больше места в Opera Mini, мне приходится сокращать и удалять некоторые другие блоки, чтобы не было прокрутки (это важно для мобильных устройств с небольшими экранами, такими как 320x480px
).CSS только для Opera Mini
Я знаю о решении JS, которое отлично работает, но мне не разрешено использовать какие-либо скрипты на этой странице. Я тоже не могу использовать нестандартный шрифт. Мне разрешено использовать только внутреннюю таблицу стилей.
Я не мог найти ничего лучше, чем :-o-prefocus
, и я использую его вместе с @media
, так что это повлияет только на мобильные устройства с небольшими экранами, где текст занимает много места, но таким образом он по-прежнему влияет на все операторы на этих устройствах поэтому другие блоки не нужны или не удаляются.
Итак, вопрос в том, есть ли какое-либо чистое решение для CSS, ориентирующееся только на Opera Mini?
Update:
В конце концов, лучше без JS решения для исходной задачи я закончил с был:
:-o-prefocus, .block1, .block2 {font-size: 14px;}
@-o-viewport {zoom: 0.75;}
Можете ли вы рассказать о решении js? –
Это https://github.com/sureshdsk/browser-specific-css С помощью этого скрипта вы можете писать правила CSS для браузера, особенно для Opera Mini, они должны начинаться с .operamini, например, body {background: # 000 } .operamini body {background: # f00} – tinor
Вы должны отправить собственное решение как ответ и принять его. –