Responsive design 如何在固定的视口/屏幕大小下使用famo.us?

Responsive design 如何在固定的视口/屏幕大小下使用famo.us?,responsive-design,famo.us,Responsive Design,Famo.us,在构建famo.us应用程序时,人们如何处理不同设备的屏幕大小 事实上,我不想做一个响应性的布局——我很乐意只缩放内容以适应设备 虽然我们可以对famo.us元素使用%定位,但这不适用于字体。 尤其是android浏览器不支持 有没有办法渲染成固定大小的曲面,然后简单地缩放该曲面以适应视口?可能使用固定设置,如: #jade meta(name="viewport", content="width=500") 如果您使用window.innerWidth和window.innerHeight,

在构建famo.us应用程序时,人们如何处理不同设备的屏幕大小

事实上,我不想做一个响应性的布局——我很乐意只缩放内容以适应设备

虽然我们可以对famo.us元素使用%定位,但这不适用于字体。 尤其是android浏览器不支持

有没有办法渲染成固定大小的曲面,然后简单地缩放该曲面以适应视口?可能使用固定设置,如:

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

如果您使用window.innerWidth和window.innerHeight,您可以根据视口大小计算曲面的大小,因此对于希望占据10%屏幕的某些曲面,您可以执行以下操作:

    var surface = new Surface({
          size : [ window.innerHeight * 0.1, window.innerWidth * 0.1 ],
    });
不管怎样,这就是我正在做的。但是,这也有问题,如果屏幕调整了大小,元素就不会改变,因此如果用户在查看页面时将android设备从纵向切换到横向,则会出现问题


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

这适用于具有图像的曲面,但我更希望找到一种处理具有随机html的曲面的方法。使用mediaQueries并通过响应式CSS进行扩展是一种痛苦。这是一个游戏应用程序,它的罚款只是规模一切,以适应其渲染设备。