Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mengelak Ralat Pengkompil yang Kurang Apabila Menggunakan Ciri CSS `calc()`?

Bagaimanakah Saya Boleh Mengelak Ralat Pengkompil yang Kurang Apabila Menggunakan Ciri CSS `calc()`?

DDD
DDDasal
2025-01-02 19:51:40629semak imbas

How Can I Avoid Less Compiler Errors When Using CSS `calc()` Properties?

Kurang Pengkompil Mengsalahtafsirkan Sifat CSS calc()

Kurang penyusun tertentu, termasuk OrangeBits dan tanpa titik, menukar ungkapan CSS calc() secara salah. Sebagai contoh, ungkapan "lebar: calc(100% - 250px - 1.5em)" tersilap ditukar kepada "lebar: calc(-151.5%)".

Penyelesaian dalam Kurang 3.00 dan Kemudian

Dalam Less versi 3.00 dan ke atas, pengkompil tidak lagi secara automatik menilai ungkapan dalam calc(). Perubahan ini menghapuskan keperluan untuk campur tangan manual apabila menggunakan calc().

Penyelesaian dalam Versi Kurang Terdahulu

Untuk versi Kurang di bawah 3.00, pengguna boleh menghalang penilaian automatik dengan melampirkan ungkapan calc() dalam operator ~. Contohnya:

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

Selain itu, Less versi 1.4.0 memperkenalkan pilihan strictMaths, yang memerlukan semua Pengiraan Kurang disertakan dalam kurungan. Pilihan ini memastikan bahawa ungkapan calc() dikendalikan dengan betul secara lalai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengelak Ralat Pengkompil yang Kurang Apabila Menggunakan Ciri CSS `calc()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn