模拟所有视口大小

时间:2016-01-13 04:03:18

标签: javascript jquery css responsive-design

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

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

我尝试使用CSS <meta name="viewport" content="width=1920">属性设置zoom,在min-width: 1920px元素上设置body,并使用JavaScript设置浏览器缩放,但都无济于事

2 个答案:

答案 0 :(得分:1)

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

尝试在css文件中使用它:

.yourelement {
 width: 30vw;
}

答案 1 :(得分:0)

为什么不在样式表中将html / body设置为宽度为1920px?

html, body {
  width: 1920px;
}