css - 一旦将图像设置为百分比大小，是否有办法将图像恢复为原始大小？

Question

当创建带有网格的响应式设计布局时，通常在断点后将图像大小设置为 100%...这样图像就不会比网格列大，但在窗口调整大小时会变小.However sometimes at another breakpoint I need to the image to revert back to the original size,因为网格列在小型设备上可能会从 50% 变为 100%。有没有办法使用 css 将图像恢复为原始大小？

Answer 1

当然 :)

 width: auto;

使用 CSS 时，您需要将其置于原始规则之下，除非上面的规则更具争议性。因此，如果是这种情况，请使其更有针对性，如果那不是一个选项，请再次使用可怕的 !important 规则。