1. ホーム
  2. css

[解決済み] Bootstrapのレスポンシブな文字サイズ【重複あり

2022-04-21 20:31:41

質問

bootstrapを使ってレスポンシブレイアウトを構築しようとしているのですが、現在、いくつかのタイトルをfont-size:3emで定義しています。

しかし、レイアウトを縮小すると、これが大きすぎるのです。どうすればレスポンシブに文字サイズを小さくすることができるでしょうか?

解決方法を教えてください。

最も簡単な方法は、寸法を%またはemで使用することです。ベースとなるフォントサイズを変更するだけで、すべてが変化します。

少ない

@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}


h5{
    font-size: 1.4rem;
}       

でのすべての方法をご覧ください。 https://stackoverflow.com/a/21981859/406659

ビューポート単位(vh,vw...)も使えますが Android 4.4で動作しない。