如何使用固定视口/屏幕大小的famo.us？

Question

在构建famo.us应用程序时，人们如何处理不同设备的屏幕显示？

我实际上不想做响应式布局 - 我会很高兴只是缩放内容以适应设备。

虽然我们可以对famo.us元素使用％定位，但这对字体不起作用。 特别是因为Android浏览器不支持viewport-size based font sizing。

有没有办法渲染到固定大小的表面，然后简单地缩放该表面以适合视口？也许有一个固定的设置，如：

#jade
meta(name="viewport", content="width=500")

人们用来点击桌面，桌子，移动设备的任何其他方法都很有用。

Answer 1

如果使用window.innerWidth和window.innerHeight，则可以根据视口大小计算曲面大小，因此对于某些需要占据屏幕10％的曲面，您可以执行以下操作：

    var surface = new Surface({
          size : [ window.innerHeight * 0.1, window.innerWidth * 0.1 ],
    });

无论如何，这就是我正在做的事情。但是，这有问题，如果屏幕调整大小，元素不是，所以如果用户在查看页面时将他们的Android设备从纵向切换到横向，则会出现问题。

我还没有看到使用Famo.us的响应式设计的优雅解决方案。