我們將爲在OLPC xo上使用的兒童創建一些教育內容，如課程，練習和遊戲。我們將使用HTML5和JavaScript。以前他們曾使用Flash。HTML5 JS適用於任何分辨率的遊戲
xo擁有900x1200分辨率。雖然主要爲xo創建的內容也將在網上使用。之前在Flash中創建的內容可以在任何分辨率下很好地擴展我應該怎麼做才能在HTML5 + JS內容中具有相同的行爲。目前很少有樣本內容使用固定分辨率的900x1200分辨率和絕對定位。他們在xo上看起來很棒，但在臺式電腦的各種分辨率上看起來不太好。
任何幫助/指導將不勝感激。
您可以使用transform: scale(scaleRatio); CSS屬性輕鬆地縮放網頁內容。儘管這是CSS3標準的一部分，但大多數瀏覽器現在都使用特定的前綴作爲此屬性，如：-moz，-webkit，-ms，-o。
您可以通過MDN瞭解更多關於transform的信息。
代替固定分辨率，動態計算窗口大小並初始化其他參數。 'window.innerHeight'和'window.innerWidth'將檢查瀏覽器窗口上可用的大小。或者利用'screen.height'和'screen.width'來動態計算屏幕的分辨率。讓我知道你是否需要澄清。
湯姆在這裏從Scirra，我們是一個2人團隊誰正在做HTML5 game engine called Construct 2你可能想看看，因爲它聽起來像它可能是你的街道。
構造2可以處理多種屏幕尺寸，這對於將HTML5遊戲和應用部署到運動多種分辨率的移動設備至關重要。請查看我們的關於如何在Construct 2中管理該教程的教程：
http://www.scirra.com/tutorials/73/supporting-multiple-screen-sizes