rreeee
Dalam grid saya mempunyai dua item, satu ialah 424px dan satu lagi ialah 608px. Saya mahu mereka responsif. Tetapi padding dan celah boleh menyebabkan ralat visual. Jadi saya mahu peratusan dengan pengiraan:
Logik: ((424px / (lebar penuh div - 30px)) * 100%) supaya div kami sentiasa mengubah saiz lebarnya
Tolong bantu saya. Berikut ialah isu yang dilaporkan oleh pengesah CSS: "Operan mestilah nombor"
Saya telah melakukan ini selama 4 jam: {
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Bergantung pada nilai yang anda gunakan, ini nampaknya perkara yang betul untuk dilakukan. Ia responsif dan pada asasnya saiz yang sama dengan jurang 30px di antara mereka. Saya rasa penyelesaian anda terlalu rumit dan rapuh, terutamanya dari segi responsif.
Nombor anda:
Ini kira-kira nisbah 40% hingga 60%. Penggunaan
4fr 6fr或者更好的2fr 3frsepatutnya cukup dekat..grid { display: grid; grid-template-columns: 2fr 3fr; gap: 30px; height: 300px; } .col { background: lightseagreen; }Jika anda suka, kami boleh mendekatkan diri dengan menggunakan
424fr 608fr. Ini ialah nombor ganjil, tetapi ia akan menjadi nilai tepat yang anda cari. Daripada jumlah lebar, gunakan 424 markah untuk lajur pertama dan 608 markah untuk lajur kedua. Kemudian tambah selang..grid { display: grid; grid-template-columns: 424fr 608fr; gap: 30px; height: 300px; } .col { background: lightseagreen; }