2014-02-13 14 views
7

Opera Mini unterstützt nicht line-height und font-size korrekt und ich habe 2 Textblöcke (10px/1 Arial) - eine an der Spitze und eine am unteren Rand der Seite, beide sollten immer sichtbar sein (Nr scrollen oder verschieben erlaubt), aber da sie in Opera Mini viel mehr Platz benötigen, muss ich kleinere Blöcke verkleinern und entfernen, so dass kein Scrollen mehr möglich ist (auf Mobilgeräten mit kleinen Bildschirmen wie 320x480px).CSS Hack für Opera Mini nur

Ich weiß über JS-Lösung, die perfekt funktionieren, aber ich darf keine Skripte auf dieser Seite verwenden. Ich kann auch keine Nicht-Standard-Schriftart verwenden. Ich darf nur das interne Stylesheet verwenden.

Ich konnte nichts besseres finden als :-o-prefocus und ich benutze es zusammen mit @media 's so würde es nur mobile Geräte mit kleinen Bildschirmen beeinflussen, wo der Text viel Platz braucht, aber auf diese Weise betrifft es immer noch alle Opern auf diesen Geräten So sind andere Blöcke unnötig klein oder werden dort entfernt.

Die Frage ist also: Gibt es eine reine CSS-Lösung, die nur auf Opera Mini abzielt?

Update:

Schließlich die beste nicht-js Lösung für das ursprüngliche Problem, das ich mit gelandet war:

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

Können Sie bitte js Lösung sagen? –

+2

Es ist https://github.com/sureshdsk/browser-specific-css Mit diesem Skript können Sie browserspezifische CSS-Regeln schreiben, besonders für Opera Mini sollten sie mit .operamini beginnen, wie zB body {background: # 000 } .operamini Körper {Hintergrund: # f00} – tinor

+0

Sie sollten Ihre eigene Lösung als Antwort posten und akzeptieren. –

Antwort

3

Schließlich die beste nicht-js Lösung war:

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

Da dies wurde als Antwort bestätigt, dass dies funktioniert, könnte jemand bitte akzeptieren? :) –

Verwandte Themen