css – 使图像适合其父尺寸

前端之家收集整理的这篇文章主要介绍了css – 使图像适合其父尺寸前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些大尺寸的照片,我想将它们设置为父母的尺寸.如果一次父维度是1200×800,那么我想将照片尺寸设置为1200×800,而且我也想看到整个图像.如果我的父尺寸是500×300,那么我想要的图像是500×300等等.

这是甚么可能吗?我想缩小图像,或者根据父母的维度来扩展它.

谢谢!

解决方法

你想要的CSS属性是max-width:

CSS

img {
    max-width:100%;
}

您可以在图像周围添加一个容器,并设置overflow:hidden,以防止图像变得比定义的宽度/高度更大.

猜你在找的CSS相关文章