問題タブ [css-rem]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - css: margin プロパティは px と rem の両方を使用します
worpdress 21-12 テーマから取られた、次の css クラス定義を検討してください。
margin-bottom
が2 回定義されpx
ているのはなぜrem
ですか? ブラウザはどの単位を選択しますか?
css - レスポンシブ フォント、マージン、パディング
私はこの基本的なCSSスタイルを持っています。私がやろうとしているのは、テキストをレスポンシブ(フォント)にすることです。それを行うにはems / remsを使用する必要があることを知っています(正しいかどうかわからないpxへのフォールバックでremsを選択しますが、コードでどのように見ることができます私はそれを正しく設定したかどうかわかりません)、使用した式はフォントサイズを16pxで割ったものです。これで、h タグの相対的なフォント サイズが得られたと思います..しかし、ブラウザのサイズを変更したい場合でも、魔法はかかりません。マージン、パディング、行の高さの設定に rems/other を使用して、rems などを使用してフォントをレスポンシブにする方法を理解するのを手伝ってもらえますか? 複雑な例と説明は大歓迎です:-d お時間をいただきありがとうございます。
css - ではなく、一部の要素に新しいルート サイズを設定できますか? (レム)
私の問題は:
ユニットとして使用する CSS フレームワークを使用しrem
ています。そして、一部のウェブサイト/テンプレートは<html>
フォントサイズを のように設定しているためhtml {font-size:62.5%}
、1rem は 16px ではなく 10pxであり、そのフレームワークを使用するすべてのテキスト/要素は小さいです。
可能であれば、ルートのフォントサイズを変更しないようにしています。
質問は:いくつかの要素に新しいルート サイズを設定できますか? (可能 ?)
何かのようなもの :