Question

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

如果用户的窗口高度小于800px（图像的高度），则应将图像压入其中（以便用户可以看到图像的整个高度）。

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

任何自卸车？

感谢。

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 */ });

如果图像较大，

应该只是将图像大小调整到窗口的高度当然需要根据图像元素调整选择器...

编辑：添加了调整大小回调

将图像压入窗口，除非窗口大于图像

1 个答案: