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
Lepaskan: 2025-01-02 19:51:40
asal
653 orang telah melayarinya

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"); }
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan