Bagaimanakah Saya Boleh Mencapai Kesan yang Sama seperti CSS calc() untuk Lebar Menggunakan jQuery?

Alternatif kepada CSS calc() menggunakan jQuery untuk Lebar dengan Keserasian

Apabila bekerja dengan CSS, lebar: calc(100% - 100px ) ekspresi menyediakan cara yang mudah untuk menentukan lebar yang diingini yang melaraskan secara dinamik berdasarkan bekas induk lebar. Walau bagaimanapun, isu keserasiannya mungkin menimbulkan cabaran dalam penyemak imbas tertentu, terutamanya Safari.

Alternatif jQuery

Untuk menangani kebimbangan keserasian dan meniru kefungsian calc() menggunakan jQuery, pertimbangkan alternatif berikut:

$('#yourEl').css('width', '100%').css('width', '-=100px');

Kod jQuery ini mencapai kesan yang sama seperti calc(), secara dinamik menetapkan lebar elemen kepada 100% daripada bekas induknya dan kemudian menolak 100 piksel. Kelebihan menggunakan jQuery ialah ia memudahkan pengiraan relatif, membolehkan anda menetapkan lebar dengan lebih mudah dan responsif. Selain itu, jQuery menyediakan keserasian merentas pelayar, memastikan kefungsian dalam kedua-dua penyemak imbas moden dan lama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Kesan yang Sama seperti CSS calc() untuk Lebar Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!