css样式 width:100% 图片失真

时间：2020-09-30 18:12:49 阅读：140 评论：0 收藏：0 [点我收藏+]

屏幕1920像素，设置img的width:1920px固定尺寸，图片不失真，设置width:100%图片失真

img{
      display:block;  /*img图片比父元素高度小几个像素，设置为块元素，使得父子div高度一致*/
      width:100%;
}

解决为了使图片自适应屏幕大小，设置width:100%导致图片失真问题

**object-fit: none; /保留原有元素内容的长度和宽度/**

原文：https://www.cnblogs.com/71yishen/p/13755707.html

踩

(0)

评论一句话评论（0）

分享档案

更多>