CSSを使用したインクリメンタルパディング？

CSSを使用して増分パディングを行う方法はありますか？例えば。後者がx次元とy次元との間にあるときに、ビューポートに対してパッディングインクリメントの量がXピクセルであるか？CSSを使用したインクリメンタルパディング？

@mediaの使用は最初のブレークポイントでのみ機能しますが、パッドを徐々に変更したいと考えています。

2016-06-24 NDG

なぜそれが唯一の最初のブレークポイントのために働くのでしょうか？必要に応じてメディアクエリーを設定し続けることができます。 [JSフィドル]（https://jsfiddle.net/7vsyv33c/） –

ありがとう。ビューポートが540pxと500pxの間で縮小されるため、各ピクセルごとに1ピクセルずつ変化させるためにパディングが必要になるため、40のメディアルールが必要になります。私はマージンを使ってこれが達成されるほうが良いと考えていますが、そのようなことが可能かどうか疑問に思っていました。 – NDG

パディングにvwまたはvh単位を使用できます。これらは、ビューポートを基準にしています。

div { 
    padding: 2.5vw; 
}

例えば

がhttp://codepen.io/anon/pen/QEdgeX

を参照してください（そしてあなたもvwとの組み合わせでピクセル値を使用してcalcを使用することができます）

出典

2016-06-24 21:48:36 Johannes

CSSを使用したインクリメンタルパディング？

答えて

関連する問題