Bagaimanakah Saya Boleh Menghalang Kurang daripada Menyusun Sifat CSS `calc()` secara Salah?

Menghalang Kurang Penyusunan Sifat CSS calc()

Kurang penyusun sering menghadapi masalah apabila cuba menyusun sifat CSS yang ditakrifkan menggunakan calc() fungsi. Sebagai contoh, input:

body { width: calc(100% - 250px - 1.5em); }

mungkin diterjemahkan secara tidak dijangka kepada:

body { width: calc(-151.5%); }

Transformasi yang tidak tepat ini boleh menyebabkan hasil yang tidak diingini.

Penyelesaian dalam Kurang

Kurang versi 3.00 dan ke atas tidak lagi menilai ungkapan dalam calc() secara lalai. Oleh itu, input yang diberikan tidak akan diubah semasa penyusunan.

Untuk versi Kurang sebelum 3.00, anda boleh melarikan diri daripada pengiraan menggunakan operator ~:

body { width: calc(~"100% - 250px - 1.5em"); }

Pilihan Matematik Tegas dalam Less

Less versi 1.4.0 memperkenalkan pilihan strictMaths. Dengan pilihan ini didayakan, semua Pengiraan Kurang mesti disertakan dalam kurungan. Dalam kes ini, pengiraan dalam calc() akan dihormati dan tidak dinilai semasa penyusunan. Ambil perhatian bahawa pilihan ini mungkin memecahkan kod sedia ada, jadi ia harus digunakan dengan berhati-hati.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Kurang daripada Menyusun Sifat CSS `calc()` secara Salah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!