<img>
标签拥有由WordPress设置的width
和height
属性。<img width="1000" height="500" ... >
在您的CSS中,您可以设置自动高度来保持纵横比,根据您的200px
宽度:
.services-icon img {
height: auto;
}
如果您希望图像在容器中使用100%的宽度,请在CSS中删除width:200px。 img标签具有宽度和高度属性,请将其删除。如果您无法控制这些内联属性,则可以使用JavaScript并将其删除。
在这种情况下,不需要使用height:auto,因为浏览器样式会应用该样式。但我建议您使用它。
您可以在 CSS 中使用 height: auto;
强制设置高度自动适应。更好的方法是在 WordPress 中更改实际图像高度,以便图像上的width
和height
属性正确(就像 @andreas 提到的那样)。