我尝试了以下方法,但它仅在图像高于其宽度时才有效。如果没有 PHP(我知道 timthumb)并且最好没有 Javascript,最好的方法是什么?
<div style="height:100px;width:100px;overflow:hidden;">
<img src="image.jpg" style="width:100px;" />
</div>
最佳答案
在这种情况下,仅使用 css 无法保持图像 w/h 比率
将来我们会有
<div style="height:100px;width:100px;background-color:red;
background-image:url('asd (2).jpg');background-size:contain;
background-repeat:no-repeat;background-position:center;"></div>
使用 firefox/webkit,可能是 opera
所以现在你需要 javascript!
希望对你有帮助
关于php - 如何在不拉伸(stretch)的情况下以特定尺寸显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7682361/