Javascript 全屏及；居中背景图像脚本

我做了一个简单的函数，根据窗口的大小调整图像的大小。我无法确定确切的时间，但有时img不会填满屏幕的宽度，而是继续保持高度不变。知道为什么会这样吗

---

如果我控制台日志（iRatio当您将图像的宽度设置为100%时，它将填充到其父图像的宽度。与高度为100%的情况一样，但父图像也需要固定的像素高度（据我所知）

不应将高度设置为100%，而应使用图像的比率计算与窗口高度匹配的宽度：

var toWidth = $win.height() * iRatio;
$img.width(toWidth);

问题是：

left: "-" + ((iWidth - wWidth)/2) + "px"

及

---

这是一种做否定运算的愚蠢方法，有时结果是——一些数字px。我通过做这个运算解决了这个问题，只知道iHeight比wHeight小，iWidth比wWidth小，并且通过乘以-1来计算否定。

我想你的意思是……和

$img

背景图像。是的如果我已经纠正了，请在否决时提供一些反馈。这并不能解决问题。paret是一个固定位置的div，顶部为：0；左侧为：0；右侧为：0；底部为：0；但无论如何，否决权不是我的。如果我做对了，您的图像有时不会延伸到其父图像的全宽或全高，并覆盖整个window？

height:100%

需要父元素有一个固定的像素高度，即窗口高度。我弄错了吗？不，有时它不会延伸到整个宽度。你弄错了。当你将div设置为position fixed，并将top、right、bottom和left设置为0时，它会填充屏幕。无论父元素是什么，我都会s、 图像在这个分区内。我不知道！你可能想把它添加到你的问题中。你能提供你的问题的演示吗？比率是完整的还是垂直拉伸的？

left: "-" + ((iWidth - wWidth)/2) + "px"

top: "-" + ((iHeight - wHeight)/2) + "px"