調整圖像大小，基於屏幕resoultion

Question

我有一個形象...如果圖像的高度大於maxHeight大於或寬度大於maxWidth更大，我想按比例調整圖像大小，使其適合在maxWidth X maxHeight中。

Answer 1

您可以使用JavaScript設置圖片標籤的屬性。

你可能想設置的屬性是高度，寬度。

Answer 2

雖然可以做到這一點，當用戶的屏幕比圖像的原始尺寸更大，會發生什麼？你是否將它拉伸到像素降級？

與人在較小的屏幕，會發生什麼 - 他們浪費時間和帶寬下載的形象是遠遠大於他們有能力，如果顯示，則取決於瀏覽器縮小圖片？

在許多瀏覽器，尤其是老年人，圖像縮放，降低了他們，是否使他們更大或更小。最好根據大圖像在服務器上擴展它們，並將「正確」大小的圖像傳遞給客戶端。這更復雜。

雖然這一切都是可能的，一個必須要問，這是否確實增加了很多價值在首位的用戶體驗，以及是否這一切努力都是值得的。