简体繁体 English

CSS：什么时候在图片上使用max-height / max-width？

[英]CSS: When to use max-height / max-width on images?

原文 2009-12-15 18:14:21 8 2 html/ css

When does it make sense to use max-height or max-width on an image? 什么时候在图像上使用max-height或max-width有意义？

Does it help if I don't specify the actual dimensions of the image because I don't know it. 如果我不知道图像的实际尺寸，是否有帮助？

2 个解决方案

It makes sense when you have images of unknown width (for example, user uploaded content) that you do not want to exceed a certain area. 当您有宽度不明的图像（例如，用户上传的内容）并且不想超出某个区域时，这是很有意义的。

If I remember correctly, the property is not supported by IE6. 如果我没记错的话，IE6不支持该属性。 It is however by IE7: Source 但是它是由IE7提供的：来源

保留包含横向和纵向格式的图像列表的大小也是一个好习惯

图像最大宽度最大高度在IE 11中不起作用 - Images max-width max-height not working in IE 11

最大高度而不是最大宽度的流体图像 - fluid images with max-height instead of max-width

Internet Explorer 7中图像的最大宽度和最大高度 - Max-width and max-height for images in Internet Explorer 7

CSS Transitions max-width 和 max-height - CSS Transitions max-width and max-height

最大高度和最大宽度不起作用 - Max-height and max-width not working

FF扩展名-在Div的内部垂直对齐图像（使用最大高度/最大宽度） - FF Extension - Vertically Aligning Images Inside of Div's (Using max-height/max-width)

具有最大高度和最大宽度的响应式图像 - Responsive Image with Max-height & Max-width

2个具有最大宽度和最大高度的引导程序模态 - 2 bootstrap modals with max-width and max-height

使用最大高度和最大宽度垂直居中图像 - Vertically centering an image with max-height and max-width

最大高度和最大宽度不适用于 flex 子项 - Max-height and max-width not applying to flex children

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 图像最大宽度最大高度在IE 11中不起作用 - Images max-width max-height not working in IE 11 最大高度而不是最大宽度的流体图像 - fluid images with max-height instead of max-width Internet Explorer 7中图像的最大宽度和最大高度 - Max-width and max-height for images in Internet Explorer 7 CSS Transitions max-width 和 max-height - CSS Transitions max-width and max-height 最大高度和最大宽度不起作用 - Max-height and max-width not working FF扩展名-在Div的内部垂直对齐图像（使用最大高度/最大宽度） - FF Extension - Vertically Aligning Images Inside of Div's (Using max-height/max-width) 具有最大高度和最大宽度的响应式图像 - Responsive Image with Max-height & Max-width 2个具有最大宽度和最大高度的引导程序模态 - 2 bootstrap modals with max-width and max-height 使用最大高度和最大宽度垂直居中图像 - Vertically centering an image with max-height and max-width 最大高度和最大宽度不适用于 flex 子项 - Max-height and max-width not applying to flex children

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM