30
コンテナの幅に基づくフォントのスケーリング
フォントの拡大縮小に頭を悩ませています。 私は現在、このサイトに本文がありますfont-sizeは100%です。でも100%?これは16ピクセルで計算されるようです。 100%はどういうわけかブラウザウィンドウのサイズを指しているのではないかという印象を受けましたが、ウィンドウのサイズがモバイルの幅に変更されても、フルスクリーンのワイドスクリーンデスクトップに変更されても、常に16ピクセルなので、そうではありません。 コンテナーに関連してサイトのテキストをどのように拡大できますか?使ってみたemが、これもスケーリングしません。 私の考えでは、サイズを変更するとメニューなどが潰れるため、コンテナの幅に関連して他の要素px font-sizeの.menuItem中でを減らす必要があります。(たとえば、大きなデスクトップのメニューでは、22px完全に機能します。タブレットの幅まで下に移動し、16pxより適切です。) ブレークポイントを追加できることは承知していますが、テキストを拡大縮小するだけでなく、追加のブレークポイントも必要です。そうしないと、テキストを制御するために、幅が100ピクセル減少するたびに数百のブレークポイントが発生します。