5

HTML ページのピクセル単位の高さに関する制限はありますか?

もしそうなら、最大値に影響を与える要因は何ですか? ブラウザ固有 (特に IE7)、またはクライアント固有 (メモリなど) などです。

4

2 に答える 2

17

はい、ページの高さには技術的な制限があります。(実用的な制限もあります。数十億ピクセルの高さのページを実際に使用することはできません。ページがそれほど高ければ、ほぼ確実に何か間違ったことをしているのです。)

とはいえ、実際には考慮すべき 2 つの異なる制限があります。CSS で指定できる要素の最大高と、最大合計高です。

どちらもブラウザによって異なります。

SlickGridは仮想スクロールを扱うため、要素の最大高さを知る必要があります。これを検出するために使用するコードはこちらです。私はそれをフィドルに入れました:(これらはおおよそのものです)

  • クロム: 512,000,000
  • Firefox: 6,000,000
  • IE8-9: 1,000,000
  • IE6-7: 128,000,000 (はい、新しい IEより多い)

最大合計高さをテストするために、このテストをまとめました。これは、ページを高さ 11,000 <div>s 99,999px で埋め、高さの合計が ~11 億ピクセルになります。

  • Chrome は約 10 億 8000 万ピクセルでマーブルを失い、50 億ピクセルを超えるとスクロールバーが完全に消えます。
  • Firefox のスクロールバーが 107,398,926 px 付近で消える
  • IE はいたるところにあり、<div>s の配置やサイズが正しくありません。
于 2012-06-04T16:38:00.640 に答える
1

IE7 の IE 独自の CSSfilter:は 4096 ピクセルに制限されています。そのため、半透明のオーバーレイ (または を使用するその他の要素filter:) を含む大きなページがある場合、そのオーバーレイは最大 4096 ピクセルまでしか伸びません。

于 2012-06-04T15:33:30.023 に答える