jQueryを使用して「width: calc(100% - 100px)」機能を実現するにはどうすればよいですか?

CSS の代替 width:calc(100% -100px) 互換性のために jQuery を使用

CSS の「width」の相互互換性のある代替手段を探しています: calc(100% -100px)」。これにより、必要な機能が提供されますが、機能しない可能性があります。

jQuery ソリューション:

jQuery は、サポートされていないブラウザ向けに CSS 式を複製する簡単な方法を提供します。

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

このコードは、対象の要素に 100% の幅を割り当て、その幅から 100px を減算します。 価値。これは、「width: calc(100% -100px)」の機能を効果的に模倣し、応答性が高く、計算式をネイティブにサポートしていないブラウザとの互換性を実現します。

jQuery の相対計算を処理する機能により、このメソッドは簡単に実行できます。自分で手動で計算を実装するのに代わる、便利で信頼性の高い代替手段です。

以上がjQueryを使用して「width: calc(100% - 100px)」機能を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。