0

max-width1280pxのこの流体グリッドがあります。

これは、grid2、grid4、grid6、grid8、および grid10 の 5 つの列セットアップで構成されています。

全体的に見て一見すると良さそうに見えますが、コードを調べると (firefox と google chrome で調べた場合)、最小のスポット (grid2) の高さが 1 ピクセル小さくなっています。

高さはmax-width残りのスポットと同じように 320 ピクセルにする必要がありますが、319 ピクセルしかありません。

これを正しく機能させることはできません。

私のフィドルを参照してください: http://jsfiddle.net/4ya94/

.grid2 {
    width: 18.72%;
}

どなたか助けていただければ幸いです \O/

4

1 に答える 1

0

これは、サブピクセル レンダリングによるものです。

定義されたdiv幅は1280px * 18.72%;どれですか239.616px

幅/高さの比率は240px / 320px = 0.75

したがって、高さは次のよう239.616px / 0.75 = 319.488pxに切り捨てられます。319px

参照用: セクション10.6.1の CSS 2.1 仕様ごと

'height' の計算値が 'auto' で、要素に固有の比率がある場合、使用される 'height' の値は次のとおりです。

(used width) / (intrinsic ratio)
于 2014-03-28T21:27:46.920 に答える