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

Sifat Kurang dan CSS Calc(): Menghalang Penyusunan Agresif

Kurang penyusun, seperti OrangeBits dan tanpa titik, mungkin cuba menyusun dan menilai Ciri CSS calc(), yang membawa kepada hasil yang salah. Artikel ini meneroka cara untuk menghalang gelagat ini dan mengekalkan gaya CSS yang diingini.

Less's Default Gelagat

Kurang digunakan untuk menilai secara proaktif ungkapan dalam calc(), mengakibatkan hasil yang salah . Sebagai contoh, badan { lebar: calc(100% - 250px - 1.5em); } akan diterjemah secara salah kepada badan { lebar: calc(-151.5%); }.

Penyelesaian untuk Kurang

Lakukan ini:

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

Dengan menggunakan operator ~, anda memberi isyarat kepada Less untuk mengabaikan ungkapan semasa kompilasi.

Penyelesaian untuk Kurang v3.00 dan Nanti

Kurang tidak lagi menilai secara automatik ungkapan dalam calc() secara lalai. Oleh itu, untuk Kurang v3.00 dan lebih baru, tiada tindakan khusus diperlukan untuk menghalang penyusunan agresif.

Pilihan Matematik Tegas

Dalam Kurang 1.4.0, terdapat pilihan strictMaths yang memerlukan semua Pengiraan Kurang disertakan dalam kurungan. Pilihan ini memastikan calc() akan berfungsi seperti yang dimaksudkan tanpa sebarang pengubahsuaian. Secara lalai, pilihan ini dimatikan dalam versi keluaran Kurang 1.4.0.

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