Opera Mini 不支持line-height
并且不font-size
正确,我有 2 个文本块 ( 10px/1 Arial
) — 一个在页面顶部,一个在页面底部,两者都应该始终可见(不允许滚动或移动它们)但是因为它们需要更多Opera Mini 中的空间 我必须缩小尺寸并移除一些其他块,这样就不会出现任何滚动(这对于像这样的小屏幕移动设备来说至关重要320x480px
)。
我知道可以完美运行的 JS 解决方案,但我不允许在该页面上使用任何脚本。我也不能使用任何非标准字体。我只被允许使用内部样式表。
我找不到比它更好的了:-o-prefocus
,我将它与@media
's 一起使用,因此它只会影响文本占用大量空间的小屏幕移动设备,但这样它仍然会影响这些设备上的所有 Opera,因此其他块不需要小或在那里被删除。
所以基本上,问题是——有没有只针对 Opera Mini 的纯 CSS 解决方案?
更新:
最终,我最终遇到的原始问题的最佳非 js 解决方案是:
:-o-prefocus, .block1, .block2 {font-size: 14px;}
@-o-viewport {zoom: 0.75;}