我有一个配置文件图片网格，我正在一个正好100x150的窗口中显示 .
源图像的大小从60x60到300x300 . （有些太大，有些太小）
我在IE8以外的所有浏览器中所做的工作都是将img标签放在div中 .
div具有精确的高度设置，隐藏溢出，img具有最小/最大宽度和高度设置 .
除IE之外的所有浏览器都会将宽度/高度更改为最小/最大级别而不更改宽高比; IE更改宽高比（独立更改宽度和高度） .
background-size：封面是因为IE8不支持它 .
想法？
我认为你需要这样的脚本：设置图像的宽度=父的宽度（带溢出的div）：图像的高度<div的高度？是的：设置图像的高度= div的高度（额外的宽度将被溢出div隐藏）否：一切正常 . 高度将被隐藏
有jquery插件可以做这些事情 . 它们被称为“背景图像插件”，就像那样 . 但写自己很容易 .
看起来像我的代码中的单词：How to resize images proportionally / keeping the aspect ratio?
而不是使用最小/最大宽度和高度;设置每个图像的宽度 . 当仅提供 <img /> 标记中的一个参数时，浏览器（包括IE）将调整图像维持宽高比的大小 . 像这样：
<img />
<div style="width: 100px; height: 150px;"> <img src="#" style="width: 100px;" alt="#" /> </div>
2 回答
我认为你需要这样的脚本：设置图像的宽度=父的宽度（带溢出的div）：图像的高度<div的高度？是的：设置图像的高度= div的高度（额外的宽度将被溢出div隐藏）否：一切正常 . 高度将被隐藏
有jquery插件可以做这些事情 . 它们被称为“背景图像插件”，就像那样 . 但写自己很容易 .
看起来像我的代码中的单词：How to resize images proportionally / keeping the aspect ratio?
而不是使用最小/最大宽度和高度;设置每个图像的宽度 . 当仅提供
<img />标记中的一个参数时，浏览器（包括IE）将调整图像维持宽高比的大小 . 像这样：