18

私自身の作業で、幅が 33% ではなく 33.333% に設定されている場合、3 つの流動的な列が親要素をよりうまく埋めていることに気付きました。また、さまざまな CSS フレームワーク (つまり、bootstrap.css) を調べていると、列幅に小数点以下 14 桁が指定されていることに気付きました。それは過剰か賢いかのどちらかのように思えますが、どちらかはわかりません。

では、小数点以下の桁数が多いことの価値/利点は何ですか? 私が集めたものから、小数点以下の桁数を避けるべきか、それを利用するべきかについてのオープンな議論があります。

4

6 に答える 6

11

場合によっては必要です。私は、サイトの全幅に広がる 6 つの div を持つ Twitter Bootstrap を使用してサイトに取り組んでいます。それぞれの幅を 16.66% にすると、最後に顕著なギャップが残ります。幅を 16.67% にすると、div の 1 つが下の行にプッシュされます。これは、div でスペース全体を埋めることを意味し、幅を 16.6667% に設定する必要がありました。これは Chrome と Firefox で完全に機能しますが、Safari と IE では小数点が 2 桁に切り捨てられるようです。使用時の隙間。そのため、過剰に見える場合もあれば、実際に必要な場合もあります。

デイブ

于 2013-01-31T12:11:32.893 に答える
3

なぜなら33 ≠ 33.33333。

3divを33％に設定すると、残り1％になります。それは論理的です。

于 2013-01-16T18:10:26.873 に答える
3

ブラウザによって丸め方が異なる場合がありますが、実際には小数点以下 14 桁にする必要はありません。これは、小数点以下 14 桁または 3 桁を使用した場合でも、最終的にピクセルに変換された値はおそらく同じになるためです。

小数点以下 14 桁の原因は、開発者が div の幅が次のように計算される CSS プリプロセッサ (less など) を使用しているためです。
width: 100% / @columns;

彼らのプリプロセッサはおそらく、計算された完全な浮動小数点数を実際の css 値として使用し、小数点以下の桁数をすべて切り捨てるのではなく使用します。

于 2015-08-26T17:17:03.060 に答える