模拟所有视区大小的恒定页面大小

Question

我有一个网站，有很多使用JavaScript进行动画的组件。该网站主要针对桌面上的用户。动画的所有坐标以及图像的所有尺寸都取决于宽度精确为1920px的视口（尽管它可以是大于1000px的任何高度，并且可以工作）。如果视口的宽度是其他任何宽度，则由于坐标的变化，图像和动画看起来像是无意义的。

有没有什么办法可以缩放视口，即使它不是1920px宽，我的所有坐标和大小仍然会被视为它？

我已经尝试设置<meta name="viewport" content="width=1920">，使用CSS zoom特性，body元素上设置min-width: 1920px，并设置使用JavaScript，一切都是徒劳的浏览器缩放。

Answer 1

您是否尝试过使用“vw”来设置元素的宽度？ http://www.w3schools.com/cssref/css_units.asp “vw”是视口宽度的1/100的长度单位。

尝试使用它像这样在你的CSS文件：

.yourelement { 
width: 30vw; 
} 

Answer 2

为什么不在你的样式表中设置你的html/body的宽度为1920px？

html, body { 
    width: 1920px; 
}