使用宽高比调整div以适合内容css图像

Question

你好我有一个div和背景我有一个宽度为1920px，高度为1200px的图像。 div在文档就绪时具有100％宽度和window.innerHeight;

后台css图片具有以下规则：background-size: 100% auto !important; 这样他们才能做出回应

我想做的是基于window.resize计算div元素的新高度，并设置它以匹配背景图像css高度。

Answer 1

newHeight = (1200 * divWidth) / 1920

Answer 2

如果我理解你，你就不需要js

background: url(../img/image.png) no-repeat center top fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;