調整圖片大小，我應該使用什麼？

Question

很好，我看到我可以同時使用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將用於最簡單的目的。