検索

ホームページ  >  に質問  >  本文

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

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

伊谢尔伦伊谢尔伦2781日前939

全員に返信(3)返信します

  • PHP中文网

    PHP中文网2017-04-17 14:47:29

    スタイル シートで font-size<12px の場合、Chrome ブラウザのフォント表示は 12px のままです。この場合、html{-webkit-text-size-adjust:none;} を使用できます。

    返事
    0
  • PHPz

    PHPz2017-04-17 14:47:29

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

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

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

  • 返事
    0
  • 黄舟

    黄舟2017-04-17 14:47:29

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

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

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

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

    transform:scale(0.875);
    

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

    返事
    0
  • キャンセル返事