我们应该对网站中的所有图像使用最大宽度100％吗？

Question

如果我设置img {max-width：100％）为网站中的所有图片制作默认的响应功能。这是一个好习惯吗？我应该这样做吗？

Answer 1

是的，这是一个很好的做法，但只有通过继承和正确的CSS命名才能正确实现它，以避免错综复杂的HTML和CSS。

图像的默认最大宽度：100％是一件好事，因为它为您的网站设置了一个标准，除非指定，否则图像不应大于窗口或其所在的容器。 这样，您可以使用尺寸大于窗口的特定图像或使用特定尺寸规则的不同屏幕尺寸给出例外。

Answer 2

最好使用宽度和最大宽度。如果图像的宽度超过最大宽度，则会将其约束为最大值。

例如，请考虑以下CSS img {宽度：100％;最大宽度：512px; } 如果图像的宽度超过512px，则图像宽度会被重新缩放到512px。