我的网站有很多使用JavaScript动画的组件。该网站主要针对桌面用户。动画的所有坐标以及图像的所有大小都取决于宽度精确为1920px的视口(尽管它可以是任何高于1000px的高度并且可以工作)。如果视口是任何其他宽度,由于坐标的变化,图像和动画看起来像废话。
有什么方法可以缩放视口,即使它不是1920px宽,我的所有坐标和大小仍然会被视为好像?
我尝试使用CSS <meta name="viewport" content="width=1920">
属性设置zoom
,在min-width: 1920px
元素上设置body
,并使用JavaScript设置浏览器缩放,但都无济于事
答案 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;
}