CSS中指定图片的大小是很常见的一个操作,下文将讲解几种不同的方式。/* 方法一:直接使用width和height属性 */ img { width: 200px; height: 200px; }
CSS中指定图片的大小是很常见的一个操作,下文将讲解几种不同的方式。
/* 方法一:直接使用width和height属性 */ img { width: 200px; height: 200px; } /* 方法二:使用max-width和max-height属性 */ img { max-width: 100%; max-height: 100%; } /* 方法三:结合对象适应度 */ .container { width: 400px; height: 400px; } img { object-fit: cover; width: 100%; height: 100%; }
以上是三种常用的方式,分别对应了直接使用固定宽高、保持宽高比例以不超过容器大小、对象适应度自适应容器大小三种情况。在实际需求中,可以根据实际情况灵活运用。
粉丝
0
关注
0
收藏
0