問題タブ [css-calc]
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.
198 問題
0
投票する
1
に答える
4755
参照
css - 算術演算を含む CSS 変数は省略形のプロパティでは機能しませんか?
CSS変数の算術演算がコードを壊す理由を見つけるのを手伝ってください。
1 つのルールを含む単純な CSS ファイルから始めました。
ブラウザーでは、文字どおりに動作します。フォント サイズは 16px、行の高さは 32px、フォント自体は Arial です。
次に、変数を追加しました。
それも機能します。フォントサイズと同じにしたので、行の高さは16pxだと思いました。
しかし、2 番目の値を乗算すると、フォント宣言が機能しなくなりました。
すべてのプロパティfont-size、line-height、およびfont-familyはブラウザのデフォルトに設定されています。
font省略形のプロパティを 3 つの異なるロングハンド プロパティに分割すると、コードは再び正常に動作します。
前のコード サンプルの何が問題なのですか?また、手書きのプロパティに分割せずに動作させる方法はありますか?