2

高さ924pxの画像があります。画像は、この高さに適切に見えるように作成されています。それを伸ばすことは望ましくありません。

この画像の上に、可変数の同じ高さの div 要素をオーバーレイする必要があります。この特定の例では、88 をオーバーレイする必要があります。そのため、数学は非常に明確です。

924 / 88 = 10.5

画像を適切にオーバーレイするには、各 div 要素の高さを 10.5 ピクセルにする必要があります。

視覚的に、すべてが素晴らしく見えます！88 個の要素があり、それらはすべて高さ 10.5 ピクセルです。高さを 11px または 10px に設定すると、視覚的な違いが見られます。

ただし、jQuery を使用すると、次のようになります。

$('div').height();  // 10
$('div').css('height'); //10px

?? は？高さが 10 ピクセルではなく、明らかに 10.5 ピクセルです。要素のスタイル プロパティを掘り下げると、10.5 ピクセルと表示されます。

どうしたの？高さ/幅の double 値で jQuery をうまく機能させることはできますか? なぜそんなに反対されているのですか？

4

1 に答える 1

2

実際に使用jquery.height()すると、画面上で占有している実際のピクセル数に変換されます。

ページのすべての div を反復処理した場合、高さが 10 と 11 の混合であることがわかります。これは、半分のピクセルだけで何かをレンダリングすることはできないため、実際に半分のピクセルを使用するものをレンダリングするには、ピクセルを取るかどうか。ブラウザーは、可能な限り最良の結果を得るために、実行する div と実行しない div を交互に切り替えます。

于 2013-08-13T00:07:17.817 に答える