電卓の正しい使い方?

Question

rree

グリッドには 2 つのアイテムがあり、1 つは 424 ピクセル、もう 1 つは 608 ピクセルです。対応してもらいたいです。ただし、パディングやギャップは視覚的なエラーを引き起こす可能性があります。したがって、計算付きのパーセンテージが必要です:

ロジック: ((424px / (div の全幅 - 30px)) * 100%) div の幅が常に変更されるようにします。 ＃＃＃私を助けてください。 CSS バリデーターによって報告された問題は次のとおりです:「オペランドは数値である必要があります」

これを 4 時間続けています: {

Answer 1

あなたが使用している値に基づくと、これは正しいことのようです。レスポンシブで、基本的に同じサイズですが、間に 30 ピクセルのギャップがあります。あなたのソリューションは、特に応答性の面で複雑すぎて脆弱だと思います。

＃＃＃あなたの番号： ＃＃＃

30px間隔

• 最初の列の幅は 424px
• 2列目の幅608px
• 基本合計幅: 1062px
これはおよそ 40% から 60% の割合です。

4fr 6fr

を使用するか、できれば 2fr 3fr を使用すると十分近いはずです。

リーリー リーリー

ご希望であれば、424fr 608fr

を使用してさらに近づけることができます。これは奇数ですが、探している正確な値になります。全幅のうち、最初の列に 424 スコアを使用し、2 番目の列に 608 スコアを使用します。次に、間隔を追加します。

リーリー リーリー