私の Web サイトは、ほとんどの場合、相対フォントと流動的なレイアウト手法を使用しているため、サイトのレイアウトは、ブラウザーのデフォルトのフォント サイズの設定に基づいてスケーリングされます。しかし、幅が固定されている特定の要素があり、特定のフォント サイズを超えるレイアウトはうまく機能しないか、見栄えがよくありません。この時点で、戻ってこれらの要素をすべて変更することはできません。
したがって、特定の制限内で、ユーザーがブラウザで選択したデフォルトのフォント サイズに基づいてサイトを調整できるようにしたいと考えています。たとえば、fontsizeI 22px;'d love to have the site be relative, up to the maximum base size of 22px.
私が収集できることから、これを純粋に CSS で指定する簡単な方法はないようです。私は最善のアプローチは、ページの読み込みJavascriptのベースを検出するために使用することだと考えていました。そうであれば、 body タグにスタイルを設定して. 未満の場合は、何もしません (デフォルトの相対スタイルのままにします)。ページの読み込み中にフォント サイズの変更を処理することについてはあまり気にしません。fontsize>22pxfont-size22px22px
これが最善のアプローチですか、それとももっと良い方法がありますか?