HTML - 图片宽度和高度与响应式图片
HTML - image width and height versus responsive image
在我的网页上，我使用了一些响应式图像（使用 bootstrap 5 img-fluid class）。在 CSS 中，我刚刚为其定义了 width: 100% 并且因为它是响应式的，所以我无法将 width 和 height 添加到 img 标签本身。
然而，W3C 验证器和 SEO 工具、PageInsights 等结果表明我的图像没有定义宽度和高度。
当然，如果我尝试将固定大小的图像添加到 img 标签，它会保持固定并且不再响应。
任何验证并保持响应的建议，可能无需删除 bootstrap img-fluid class？
好的，所以我最终通过在 img 标签中插入宽度和高度解决了这个问题，在 CSS 中我保留了 width: 100%; height: auto; 现在它验证了并且它也有响应。
在我的网页上，我使用了一些响应式图像（使用 bootstrap 5 img-fluid class）。在 CSS 中，我刚刚为其定义了 width: 100% 并且因为它是响应式的，所以我无法将 width 和 height 添加到 img 标签本身。
然而，W3C 验证器和 SEO 工具、PageInsights 等结果表明我的图像没有定义宽度和高度。
当然，如果我尝试将固定大小的图像添加到 img 标签，它会保持固定并且不再响应。
任何验证并保持响应的建议，可能无需删除 bootstrap img-fluid class？
好的，所以我最终通过在 img 标签中插入宽度和高度解决了这个问题，在 CSS 中我保留了 width: 100%; height: auto; 现在它验证了并且它也有响应。