我正在尝试仅使用 css 调整图像大小。
它正在调整大小,但由于某种原因它没有拉伸到浏览器的 100%。我想要的是它将调整给定高度的图像大小,但宽度在整个浏览器中应该为 100%。
我创建了一个小提琴作为演示,以便您可以看到发生了什么。
<div class="resize_image">
<img src="http://www.mrwallpaper.com/wallpapers/sunset-scenery.jpg">
</div>
全屏http://jsfiddle.net/squidraj/sbnvwped/embedded/result/
Demo : http://jsfiddle.net/squidraj/sbnvwped/
您可以通过将 img 标签设置为 100% 宽度和高度并将其放入容器 div 中并调整其大小来调整其大小。Demo
<div id="resize">
<img src="http://coolvectors.com/images/vect/2009/07/500x500.jpg" width="100%" height="100%"></div>
#resize{
width:250px;
height:250px;
}
#resize:hover {
width:500px;
height:500px;}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)