在浏览器中以100%的宽度或大小显示图像

Display image at 100% width or as big as fits in browser

本文关键字：显示 图像 显示图 浏览器 100%      更新时间：2023-09-26

如何显示图像，使其宽度为原始图像宽度或浏览器宽度的100%，以较小者为准（我希望在不进行水平滚动的情况下显示尽可能多的图像）。

这在CSS中可能吗？还是我需要使用javascript？

试试这个：jsFiddle.net演示

html:

<img src="http://gypsypixiepirate.com/wp-content/uploads/2013/03/Rumpus-party.jpg" class="className" />

css：

.className {
    max-width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    overflow: auto;
    position: fixed;
}
相关文章：