php - 如何在不拉伸(stretch)的情况下以特定尺寸显示图像?

标签 php html css image

我尝试了以下方法,但它仅在图像高于其宽度时才有效。如果没有 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/

相关文章:

javascript - 将 Javascript 与 MPDF 结合使用

php -/wp-admin/admin-ajax.php 上的 DDoS 攻击

php - 如何根据计数或出现次数对同一 mysql 列中的值进行排序

javascript - 为什么我不能将线宽调整为 100%

css - 定位图像,左半部分可见,右半部分在 div 后面

php - 计算表列中的唯一值 - 结果始终为 1

php - 从我网站上可用的头像图像更改用户头像?

html - @MediaQuery 在 CSS 中调用

javascript - Angularjs - 过滤到文本框后我的折叠和展开不起作用

javascript - 如何根据数据属性访问数组