调整图片大小，我应该使用什么？

Question

Soo，我已经看到我可以使用javascript和css来调整我的图片大小以适应浏览器。 我应该使用哪一个，是否有任何优点/缺点？ 我会欣赏以及我能看到的例子。

祝你好运 失落的男孩

Answer 1

如果您使用JavaScript的resize事件，则总会有一些延迟，这可能会导致水平滚动条在您的网页上闪烁。

所以使用CSS。 width:100%效果很好。

Answer 2

我投票结束了，但无论如何：

CSS。它重量更轻，不需要javascript，没有启用javascript运行，并且渲染速度更快（javascript必须等待图像加载，而css不会）。

Answer 3

这实际上取决于你在做什么。

如果您只想要一个600像素高，800像素宽（或者是浏览器宽度的10％，或者填满整个页面）的图像，那么请使用CSS。

如果您已经使用javascript做事并希望图像在其他条件下进行调整，那么您可以使用javascript来调整它们的大小。

简而言之：如果您已经在使用javascript，请继续。如果不是，CSS将用于最简单的目的。