Safari ブラウザーで背景画像が機能しません。サファリで調べたところ、css3 calc() 関数が機能していないことがわかりました。私はこのように使用しました
width: calc(100% - 345px);
height: calc(100% - 180px);
Safari は calc() 関数をサポートしていませんか? そうでない場合、私の calc() 関数が機能する jQuery を使用して関数を作成するにはどうすればよいですか。
編集
スタイルシートで calc() 関数を何度も定義しました。jQuery を使用したいのですが、値が calc() で定義されている要素を選択するにはどうすればよいですか?
cssで適用した次のdivがあるとします
div.one{width: 300px;}
div.two{width: 300px;}
div.three{width: 200px;}
幅が 300px と定義されている div を選択するにはどうすればよいですか?
この場合、使用している機能をサポートしていないバージョンのブラウザーを使用しているようです。
特定の機能を使用するかどうかを決定するときは、CanIUseサイトでブラウザーの互換性を確認する必要があります。これにより、ベンダー プレフィックスを使用する必要があるかどうか、および機能に関する既知の問題についてもわかります。
特定のブラウザー機能がブラウザーで動作する場合でも、エンド ユーザーも考慮する必要があることに注意してください。CanIUse サイトを使用して、サポートが必要なすべてのブラウザーとバージョンでのサポートを確認してください。また、さまざまなブラウザーとブラウザー バージョンでサイトをテストする必要があります。
の場合、このポリフィルを使用して、機能をサポートしていない古いブラウザーに機能をバックポートするcalc()ことを検討できます。calc()
これを使って
$('selector').css('width', '100%').css('width', '-=345px');
$('selector').css('width', '100%').css('width', '-=180px');