[解決済み] 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で動作しない。
関連
-
[CSSチュートリアル】カットコーナー+ボーダー+プロジェクション+コンテンツ背景色のグラデーション効果を実現するCSS
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[css3]CSS3は本当にSCSSに取って代わるのだろうか?
-
[解決済み] コンテナの幅に応じたフォントの拡大縮小
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] フレックスアイテムがコンテンツサイズ以上に縮小されないのはなぜですか?
-
[解決済み] レスポンシブイメージアラインセンターbootstrap3
-
[解決済み] CSSでレスポンシブフォントサイズを実現
-
[解決済み] Twitter Bootstrap 3:メディアクエリを使うには?
-
[解決済み】動的なテキストを固定サイズのコンテナいっぱいに自動サイズ調整する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
cssで背景色の半透明化を実現する2つの方法
-
[CSSチュートリアル】CSSスコープ(スタイル分割)の使い方まとめ
-
[CSSチュートリアル】QQtabBarからCSS命名規則BEMの詳細を見る
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[CSSチュートリアル]cssのbackgroundとborderタグの例 詳細
-
[CSSチュートリアル]css display table adaptive height, widthの問題解決
-
[css3]css3はtransform-originを使用して、大きな円上のドット分布のレイアウトと回転を実現します。
-
[CSSチュートリアル】ピュアCSSで実装した通知バーの3種類のスクロール効果
-
[CSSチュートリアル]モバイルにおけるviewportの具体的な使い方
-
[解決済み] 純粋なCSSで動的な文字量に応じたフォントサイズをレスポンシブにする