如何显示图像,使其宽度为原始图像宽度或浏览器宽度的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;
}