rree
グリッドには 2 つのアイテムがあり、1 つは 424 ピクセル、もう 1 つは 608 ピクセルです。対応してもらいたいです。ただし、パディングやギャップは視覚的なエラーを引き起こす可能性があります。したがって、計算付きのパーセンテージが必要です:
ロジック: ((424px / (div の全幅 - 30px)) * 100%) div の幅が常に変更されるようにします。 ＃＃＃私を助けてください。 CSS バリデーターによって報告された問題は次のとおりです:「オペランドは数値である必要があります」
これを 4 時間続けています: {
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
あなたが使用している値に基づくと、これは正しいことのようです。レスポンシブで、基本的に同じサイズですが、間に 30 ピクセルのギャップがあります。あなたのソリューションは、特に応答性の面で複雑すぎて脆弱だと思います。
＃＃＃あなたの番号： ＃＃＃
30px間隔- 最初の列の幅は 424px
- 2列目の幅608px
- 基本合計幅: 1062px
-
これはおよそ 40% から 60% の割合です。
4fr 6frを使用するか、できれば
2fr 3frを使用すると十分近いはずです。リーリー リーリー
を使用してさらに近づけることができます。これは奇数ですが、探している正確な値になります。全幅のうち、最初の列に 424 スコアを使用し、2 番目の列に 608 スコアを使用します。次に、間隔を追加します。
リーリー リーリー