html5 - 在移动端设置font-size小于12px。line-height的问题

Question

正如标题所说，比如我在一个标签内设置font-size：10px，那么他的line-height就默认为16px了，在设置line-height：10px是不生效的，设置line-height大于12px的时候就生效了，ios上没问题，这是什么情况啊。。。有解决办法没

Answer 1

スタイル シートで font-size

Answer 2

モバイル端末での私の開発経験に基づくと、Chrome は以前は 12 ピクセル未満の中国語をサポートしていませんでした。

12 ピクセルより小さいフォントを設定する場合、iOS では問題ありませんが、Android では、-webkit-text-size-adjust を使用しても問題が発生します。一部の Android ブラウザはこの機能をサポートしていません

本当に 12 ピクセルより小さい単語が必要な場合は、scale を使用して両端の一貫性を確保することをお勧めします。

Answer 3

1. スタイル シートで font-size<12px が使用されている場合、中国語版の Chrome ブラウザでのフォント表示は引き続き 12px で使用できます。現時点では

html{-webkit-text-size-adjust:none;}

2、-webkit-text-size-adjust を body に配置すると、ページのスケーリングが失敗します。
3. html で定義されたスタイルを継承します。
4. -webkit-text-size-adjust を使用し、継承可能またはグローバルとして定義しないでください。

ただし、chrome27.0 以下でのみ有効で、27.0 以降では無効です。英語のみ有効で、中国語では無効です。
Chrome の新しいバージョンでは、属性の変更が禁止されています。CSS3 のメソッドを使用することをお勧めします。

transform:scale(0.875);

transform:scale(0.875); を使用すると、テキストが小さくなるだけでなく、テキスト全体が配置されるコンテナーも小さくなります。