jquery - Jquery：浏览器调整大小时的动态图像宽度和高度

Question

我有一张我想适合浏览器窗口的图像。宽度和高度不应大于窗口的宽度和高度。

我制作了一个适用于宽度但不适用于高度的函数。

查看我的 JS BIN并从右到左上下拖动浏览器窗口，比例不对

Answer 1

您的 jQuery 代码$("#book li img")将不起作用，因为li您的ul元素内部没有。

我希望这就是你要找的

工作小提琴

Answer 2

尝试

CSS：

img { 
    max-width: 100%;
    max-height: 100%;
}

如果放置图像的容器小于图像，这将使图像变小。

UL-Element 需要 LI-Child-elements。