如何使用 jQuery 實現與 CSS calc() 寬度相同的效果？

使用jQuery 實作寬度相容的CSS calc() 的替代方案

使用CSS 時，寬度：calc(100% - 100px )表達式提供了一種指定所需寬度的便捷方法，該寬度根據父容器的寬度動態調整。然而，它的相容性問題可能會在某些瀏覽器中帶來挑戰，特別是 Safari。

jQuery 替代方案

為了解決相容性問題並使用jQuery 複製calc() 的功能，考慮以下替代方案：

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

這段jQuery 程式碼實現了與calc() 相同的效果，動態設定元素的寬度為其父容器的100%，然後減去 100 像素。使用 jQuery 的優點是它簡化了相對計算，讓您可以更輕鬆、更靈敏地設定寬度。此外，jQuery 提供跨瀏覽器相容性，確保現代和傳統瀏覽器中的功能。

以上是如何使用 jQuery 實現與 CSS calc() 寬度相同的效果？的詳細內容。更多資訊請關注PHP中文網其他相關文章！