7
非常に、非常に、非常に大きなdiv
私のプロジェクト(BigPictu.reまたはbigpicture.js GitHubプロジェクトを参照)の場合、非常に大きな、非常に大きな<div>コンテナに対処する必要があります。 私が使用する単純なアプローチではパフォーマンスが低下するリスクがあることは知っていましたが、それがほとんど存在することを期待していませんでした... Chromeのみ! この小さなページをテストすると(以下のコードを参照)、パン(クリック+ドラッグ)は次のようになります。 Firefoxで通常/スムーズ Internet Explorerでも正常/スムーズ Chromeでは非常に遅い(ほとんどクラッシュする)。 もちろん、(プロジェクトに)コードを追加して、ズームインすると、フォントサイズが非常に大きくなる可能性のあるテキストが非表示になります。それでも、なぜFirefoxとInternet ExplorerはChromeではなく正しく処理するのですか? JavaScript、HTML、またはCSSで、すべてのアクションに対してページ全体(ここでは幅10000ピクセル)をレンダリングしないようにブラウザに指示する方法はありますか?(現在のビューポートのみをレンダリングします!) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> html, body { overflow: hidden; min-height: 100%; } #container { position: absolute; min-height: 100%; min-width: 100%; } .text { font-family: "Arial"; position: absolute; } </style> </head> <body> <div id="container"> <div …