Javascript impress.js中与屏幕大小相关的data-x值

假设一个人有以下代码：

福
酒吧

这在

1920x1080

屏幕上呈现良好，因为

5

（

data scale

）乘以

2000

（带有一些缓冲区的屏幕宽度）是

10000

但是：

• 它在较小的屏幕上呈现不好（因为与例如

  800

  相比，

  1920

  大）；及
• 对于较大的屏幕，幻灯片仍然可以重叠

如何根据视口大小设置幻灯片位置？因此类似于

500vw

？（试过了，但没用）

<div id="title" class="step" data-x="0" data-y="0" data-scale="5">
Foo
</div>
<div id="toc" class="step" data-x="10000" data-y="0" data-scale="1">
bar
</div>