yachin29 https://blog.hatena.ne.jp/yachin29/ WEBサイト制作の勉強 https://yachin29.hatenablog.com/ 2025年04月クラス min-max-calculator.9elements.com これまで文字サイズはpxを使って指定してきましたが、font-sizeをpxで指定してしまうと「font-sizeをpxで指定するとブラウザの文字調節機能が作動しない」という問題が起こります。Chrome だと「設定 → デザイン → フォントサイズ」の項目です。 emを使ったフォントサイズ emは親要素のフォントサイズをそのまま継承します。一見すると判りやすいですが構造が複雑になってくると、複利計算されてしまい判り難くなってしまいます。 remを使ったフォントサイズ 次にremを使ったフォントサイズの指定です。 「rem」とは… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2025%2F07%2F03%2F000000" title="文字を可変にする - WEBサイト制作の勉強" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-07-03 00:00:00 rich https://yachin29.hatenablog.com/entry/2025/07/03/000000 1.0 100%