css不让图片平铺,position css static

特殊形状 css，css 设置宽度高度，页面中使用css文件，css添加浮动布局图片，css中列表变成导航栏，css背景加灰色蒙层，position css static

/*  方法一 */
img {
max-width: 100%;
height: auto;
}
/* 方法二 */
img {
object-fit: contain;
}

在第一种方法中，大家设置了图片的最大宽度为100%，高度自适应，这样就保证了图片不会超出父容器的宽度，同时保持了图片的比例，避免了图片平铺的问题。

在第二种方法中，大家使用了object-fit属性，其值为contain。这样便会保持图片的比例，同时在父容器中居中显示，避免了图片平铺的问题。

无论使用哪种方法，都可以达到让图片按比例显示的效果，让大家的网页更加美观、优雅。