如何在CSS中按比例调整图像大小以适应200px x 150px缩略图的尺寸？
我已经尝试了一些方法，甚至使用 CSS 剪辑，但没有使其按比例适合此处的缩略图 http:// /giantmango.com/arttest2-2510。
在 CSS 中，最好的方法是什么以及如何按比例调整图像大小以以 200px（宽度）x 150（高度）缩略图的尺寸显示？
刚刚检查了 firebug，由于某种原因，我所有的 img 标签的高度始终设置为 200，即使我将 max-height 设置为 150...
I`ve tried a couple of things even using the CSS clip, but not getting it proportionally fit in the thumbnails here http://giantmango.com/arttest2-2510.
In CSS, what is the best way and how would I proportionally resize an image to display in dimensions of a 200px (width) x 150 (height) thumbnail?
Just checked firebug and for some reason all my img tags are always set to a height of 200 even though I have max-height set to 150...
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
使用 max-height 和 最大宽度。请注意，它们在旧版本的 IE 中会被破坏。你可以
编辑：@tokiowp：试试这个。它应该有效（对我来说肯定有效）。因此，布局的问题来自于您可能设置的其他属性。
编辑：事实证明，查看您的源代码，您实际上是用类似的内容声明您的图像
当然您需要的是删除这些
width和声明>高度。Use max-height and max-width. Beware that they are broken in older versions of IE. You can do
EDIT: @tokiowp: try this. It should work (it surely does for me). So the problem with your layout comes from additional properties you may have set.
EDIT: it turns out, looking at your source, that you are actually declaring your images with something like
Of course what you need is to remove these declarations of
widthandheight.css:
html:
css:
html: