css - Opera mini は行の高さをサポートしていません

Question

ウェブサイトをデザインしました。ただし、行の高さは Opera Mini では機能しません。

.lbl-name {
    height: 30px;
    line-height:30px;
}

どうすればこれを修正できますか?

Answer 1

Opera Miniすべての値を見逃してline-height、すべてを でレンダリングしますline-height: normal。私はリンクの証拠を見つけることができませんが、私の開発経験 (5 年間はモバイルサイトをサポートし、opera mini も) ではこれは真実です。

編集（証明リンクを追加）：

多くのデバイスは非システム フォントをレンダリングできないため、Opera Miniはテキストのレンダリングにシステム フォントを使用します。font-sizeそのため、line-heightCSS プロパティは適用されません。

Answer 2

次の定義を使用します。

display: table; 
vertical-align: middle; 
height:50px; 

子タグの場合:

display: table-cell;
vertical-align: middle;