javascript - 将图像压缩到窗口中，除非窗口大于图像

Question

好的，所以我的网页正文中有一张图片。

如果用户的窗口高度小于 800px（图片的高度），图片应该被压入其中（这样用户可以看到图片的整个高度）。

另一方面，如果窗口高度大于 800 像素，则图像应垂直居中。

有小费吗？

谢谢。

Answer 1

使用 jQuery，您可以执行以下操作：

var win = $(window);
win.load(function() {
  var image = $("#img");
  if (image.height() > win.height()) {
    image.height(win.height());
  } else {
    // assuming your image is positioned absolute
    // you should measure its dimensions and then position it
    // depends on the ways it should be centered... in the current window or the whole document?
  }
});

win.resize(function() { /* do something */ });

如果图像更大，则应该将图像大小调整为窗口的高度，当然选择器需要适应您的图像元素......

编辑：添加调整大小回调