【发布时间】：2014-02-13 01:47:43
【问题描述】：
Opera Mini 不正确支持 line-height 和 font-size，我有 2 个文本块 (10px/1 Arial) — 一个在页面顶部，一个在页面底部，两者都应该始终可见（不允许滚动或移动它们），但由于它们在 Opera Mini 中占用更多空间，我必须缩小尺寸并移除其他一些块，因此不会有任何滚动（这对于像 320x480px 这样的小屏幕移动设备至关重要）。
我知道可以完美运行的 JS 解决方案，但我不允许在该页面上使用任何脚本。我也不能使用任何非标准字体。我只能使用内部样式表。
我找不到比 :-o-prefocus 更好的东西了，我将它与 @media 一起使用，因此它只会影响文本占用大量空间的小屏幕移动设备，但这样它仍然会影响所有 Opera在这些设备上，因此其他块不需要太小或被移除。
所以基本上，问题是——有没有只针对 Opera Mini 的纯 CSS 解决方案？
更新：
最终，我最终遇到的原始问题的最佳非 js 解决方案是：
:-o-prefocus, .block1, .block2 {font-size: 14px;}
@-o-viewport {zoom: 0.75;}
【问题讨论】：
-
能否请教一下js的解决方案？
-
这是github.com/sureshdsk/browser-specific-css 使用该脚本，您可以编写特定于浏览器的 css 规则，特别是对于 Opera Mini，它们应该以 .operamini 开头，例如 body {background: #000} .operamini body {background: #f00}
-
您应该发布自己的解决方案作为答案并接受它。
-
如果有人愿意为 Opera Mini 使用基于 JS 的 hack，目前已知有两个：
Object.prototype.toString.call(window.operamini) === '[object OperaMini]'和(navigator.userAgent.indexOf('Opera Mini') > -1)。来源：-browserhacks.com/#hack-172f62993dedb4837377cf1c6ac9dea9-browserhacks.com/#hack-70b623e6ee3d3af7c3ca68b71c5fb29f
标签： css opera-mini