Bagaimana untuk Mencapai Kefungsian \'width: calc(100% - 100px)\' dalam Pelayar Lama Menggunakan jQuery?

Alternatif untuk "width: calc(100% -100px)" Menggunakan jQuery

The "width: calc(100% -100px) " Peraturan CSS dengan cekap menolak 100px daripada lebar penuh objek. Walau bagaimanapun, ia menghadapi isu keserasian, hanya disokong oleh penyemak imbas moden dan bukan oleh Safari.

Alternatif jQuery

Untuk menangani had ini, kami boleh menggunakan jQuery. Kod jQuery berikut mencapai kesan yang sama:

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

Kod ini secara dinamik mengira lebar objek sebagai 100% tolak 100px dan menetapkannya sebagai lebar CSS.

Kelebihan Kaedah jQuery

• Kemudahan Penggunaan: jQuery memudahkan pengiraan yang rumit, menjadikannya lebih mudah untuk melaksanakan fungsi yang diingini.
• Keserasian : jQuery disokong secara meluas merentas penyemak imbas, memastikan keserasian dengan penyemak imbas lama yang tidak menyokong ungkapan "calc".

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Kefungsian 'width: calc(100% - 100px)' dalam Pelayar Lama Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!