我们将为在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