カルーセル要素の画像コンテナのように、非常に幅の広い要素の理論的な問題は何ですか。10,000px または 1,000,000px の固定コンテナー幅に違いがある理由はありますか? パフォーマンスが現実的な問題になるのはどの時点ですか?
実際にこれを行うためのより良い方法があることは承知しています(幅を動的に計算するなど)。巨大な要素に関連する最大値と問題に興味があります。
カルーセル要素の画像コンテナのように、非常に幅の広い要素の理論的な問題は何ですか。10,000px または 1,000,000px の固定コンテナー幅に違いがある理由はありますか? パフォーマンスが現実的な問題になるのはどの時点ですか?
実際にこれを行うためのより良い方法があることは承知しています(幅を動的に計算するなど)。巨大な要素に関連する最大値と問題に興味があります。
これを10,000ピクセル、100,000ピクセル、1,000,000ピクセルでテストしました。1ミリ秒以内に同じようにレンダリングされます。ChromeでGoogleデベロッパーツールを使用しました。
<html>
<head></head>
<body>
<div style="width:100000px;background:#000;height:100000px;"> </div>
</body>
</html>
正確な数を把握することはできません。OS のメモリ管理、ブラウザのメモリ管理、物理メモリ、占有メモリ (タブや他の実行中のアプリの数) などに依存します。
ブラウザー (または OS) を停止させないようにするため、また、本当に大きなコンテナーが必要な場合は、コンテンツにある種の遅延読み込みを使用するようにしてください。空の div は問題ありません。
いくつかの数値については、この質問を参照してください。可能な最大 DIV の高さを決定します