エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS レスポンシブデザインで実用的なフォントサイズ指定 | 西尾市・岡崎市・名古屋のホームページ制作はネイビーモバイル
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS レスポンシブデザインで実用的なフォントサイズ指定 | 西尾市・岡崎市・名古屋のホームページ制作はネイビーモバイル
レスポンシブWEBデザインでスマートフォンサイトを作るときに、フォントサイズをどう指定するかは意外と... レスポンシブWEBデザインでスマートフォンサイトを作るときに、フォントサイズをどう指定するかは意外と悩みます。 多方面で紹介されている方法として、html(ルート)のフォントサイズを10px(62.5%)にしておき、body以下のフォントサイズをrem単位で指定する方法があります。 これはメディアクエリを用いて全体のフォントサイズを相対的に変化させることが容易です。ただ、スマートフォンで全体のフォントサイズを相対的に小さくしてしまうと、もともと小さなフォントサイズを指定していた要素のテキストが極小サイズになってしまい、可読性を損ないます。 そこで、実際に複数のレスポンシブ対応のスマホサイトを制作して最も実用的で、スマホ閲覧時のフォントサイズ修正が容易だった方法を紹介します。 フォントサイズの変更がしやすい指定方法 CSS例 SCSS記法 $fs: 1.6rem; // フォントサイズ //