ホームページ >ウェブフロントエンド >CSSチュートリアル >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 中国語 Web サイトの他の関連記事を参照してください。