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

Question

我有一个想要适合浏览器窗口的图像。 宽度和高度不应超过窗口宽度和高度。

我已经制作了一个适用于宽度但不适用于高度的功能。

Se my JS BIN并从右向左上下拖动浏览器窗口，比例错误

Answer 1

尝试

CSS：

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

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

UL元素需要LI-Child元素。

Answer 2

由于$("#book li img")元素中没有li，您的jQuery代码ul将无效。

我希望这就是你要找的东西

<强> Working Fiddle