仅针对Opera Mini的CSS攻击

时间:2014-02-13 01:47:43

标签: css opera-mini

Opera Mini不正确支持line-heightfont-size,我有2个文本块(10px/1 Arial) - 一个在页面顶部,一个在页面底部,两个应始终可见(不允许滚动或移动它们)但是因为它们在Opera Mini中占用更多空间我必须缩小尺寸并移除其他一些块以便不会有任何滚动(这对于小屏幕的移动设备至关重要)比如320x480px)。

我知道JS解决方案完美运行,但我不允许在该页面上使用任何脚本。我也不能使用任何非标准字体。我只允许使用内部样式表。

我找不到比:-o-prefocus更好的东西,并且我将它与@media一起使用,因此它只会影响具有小屏幕的移动设备,其中文本占用大量空间,但这样一来仍会影响这些设备上的所有Operas,因此其他块不必要小或被删除。

基本上,问题是 - 是否有任何针对Opera Mini的纯CSS解决方案?

更新

最终,我最终解决的原始问题的最佳非js解决方案是:

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

1 个答案:

答案 0 :(得分:3)

最终,最好的非js解决方案是:

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