模拟所有视口大小

Question

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

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

我尝试使用CSS <meta name="viewport" content="width=1920">属性设置zoom，在min-width: 1920px元素上设置body，并使用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;
}