2014-02-13 5 views
7

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;} 
+0

Можете ли вы рассказать о решении js? –

+2

Это https://github.com/sureshdsk/browser-specific-css С помощью этого скрипта вы можете писать правила CSS для браузера, особенно для Opera Mini, они должны начинаться с .operamini, например, body {background: # 000 } .operamini body {background: # f00} – tinor

+0

Вы должны отправить собственное решение как ответ и принять его. –

ответ

3

В конце концов, лучше без JS раствор:

:-o-prefocus, .block1, .block2 {font-size: 14px;} 
@-o-viewport {zoom: 0.75;} 
+0

Как это было подтверждено в качестве ответа, который работает, может кто-то пожалуйста, примите это? :) –

Смежные вопросы