CSS hack for Opera Mini

Question

Opera Mini does not support line-height and font-size correctly, and I have 2 blocks of text ( 10px/1 Arial ) - one at the top and one at the bottom of the page, both should always be visible (no scrolling or moving them allowed), but by as they take up much more space in Opera Mini, I have to cut and delete some other blocks so that there is no scrolling (this is important for mobile devices with small screens, such as 320x480px ).

I know of a JS solution that works fine, but I am not allowed to use any scripts on this page. I also can not use a custom font. I am allowed to use only the internal stylesheet.

I could not find anything better than :-o-prefocus , and I use it with @media , so it will only affect mobile devices with small screens, where the text takes up a lot of space, but in this way it still affects everything operators on those so that other blocks are not needed or are not deleted there.

So basically, the question is, is there a clean CSS solution that focuses only on Opera Mini?

Update:

In the end, a better solution than js for the original problem that I ran into was:

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

Answer 1

Ultimately, the best non-js solution was:

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