Bagaimana untuk Mencapai Kefungsian `width: calc(100% - 100px)` Menggunakan jQuery?

Alternatif kepada CSS width:calc(100% -100px) Menggunakan jQuery untuk Keserasian

Mencari alternatif serasi silang kepada "lebar CSS : calc(100% -100px)", yang menyediakan fungsi yang diingini tetapi mungkin tidak secara universal disokong, seseorang boleh beralih kepada jQuery.

Penyelesaian jQuery:

jQuery menawarkan kaedah mudah untuk meniru ungkapan CSS untuk penyemak imbas yang tidak mempunyai sokongan:

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

Kod ini memberikan 100% lebar kepada elemen yang disasarkan dan kemudian menolak 100px daripada nilai lebarnya. Ini secara berkesan meniru fungsi "width: calc(100% -100px)", menjadikannya responsif dan serasi dengan penyemak imbas yang tidak menyokong ekspresi calc secara asli.

Keupayaan jQuery untuk mengendalikan pengiraan relatif dengan mudah menjadikan kaedah ini alternatif yang mudah dan boleh dipercayai untuk melaksanakan pengiraan sendiri secara manual.

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