Bagaimanakah Saya Boleh Menghalang LESS-CSS daripada Mengubah Suai Fungsi `calc()`?

Penyelesaian untuk LESS-CSS Overwriting calc()

LESS-CSS mempunyai kecenderungan untuk mengubah suai sintaks fungsi calc(), yang membawa kepada output yang tidak dijangka. Untuk menangani perkara ini, kaedah alternatif diperlukan untuk menghalang LESS daripada mengubah sintaks.

Penyelesaian: Escaped Strings

Satu penyelesaian yang berkesan ialah menggunakan escaped strings, juga dikenali sebagai nilai yang terlepas. Dengan menggunakan aksara tilde (~) sebelum tanda petikan, LESS mentafsir kandungan dalam sebagai rentetan literal, menghalangnya daripada melakukan pengiraan atau pengubahsuaian.

Sebagai contoh, jika anda ingin mengeluarkan calc(100% - 200px) tanpa perubahan, anda akan menggunakan yang berikut sintaks:

width: ~"calc(100% - 200px)";

Escaped Strings with Less Math

Dalam kes di mana anda perlu menggabungkan Less math dengan escaped strings, seperti:

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

LESS akan menggabungkan nilai ini dengan ruang secara lalai, menghasilkan nilai yang diingini keluaran:

width: calc(100% - 15rem + 15px + 2em);

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang LESS-CSS daripada Mengubah Suai Fungsi `calc()`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!