フォントサイズ1pxをrem単位で使用する

Question

ズーム（ユーザーがctr/cmd + [plus]を押して）と一緒にきれいに拡大するレイアウトを行っています。そのためには、フォントサイズに合わせて寸法を変更する必要があります。 emユニットを使用するのはあまりにも難しいので、私はremと考えています（古いもののすべての次元プロパティを複製しています）。

私の最初のアイデアは、html要素のfont-sizeを10pxに設定し、1/10remをピクセル置換えとして使用することでした。しかし、body上のfont-sizeはpxで任意に設定されるので、html上のフォントサイズはrem測定にのみ使用されます。 1pxに設定してみませんか？

利点は明らかです。重複した宣言とメンテナンス性の記述が容易です。

私は考えることができません。しかし、多分私は何かを逃しています。このアプローチに落とし穴がありますか？

Answer 1

あなたはIEのために何か別のやり方をする必要があると言いますが、このアプローチでは何のメリットもありません。いくつかの計算が必要な場合でも、emを使用してください。自分のフォントサイズの設定で要素を深く入れ子にしている場合は、いずれにしても複雑すぎるので、複雑さではなく単純化が必要です。

フォントサイズの設定：1pxは非常に不自然で、スタイルシートの読み込みと管理が難しくなります。

Answer 2

体内で継承可能なフォントサイズを定義しているので、適切に表示されるようにhtmlフォントサイズを変更することは安全です。現在のところ、これはrem値にのみ影響しますが、何か他の値がこの値を利用する場合、この1px非標準設定は何かを破り、修正するのが難しくなります。

これはremを使用しているサードパーティのライブラリに影響を与える可能性があり、emとremを混同して使用すると混乱することがあります。

バニラCSS（サンプリプロセッサ）を使用している場合、この非標準的な方法を使用すると、1：1 rem：px値が非常に直感的です。