響應式圖片只在瀏覽器刷新時才縮放

嗨我遇到了使用jQuery循環的響應式圖片庫的問題。響應式圖片只在瀏覽器刷新時才縮放

<html>See jsfiddle</html>

只有你會看到，當刷新圖像調整瀏覽器和適當限制它們的比例 - 但在瀏覽器縮放他們不這樣做，並相互重疊和錯誤的寬度和高度。

任何一個幫助嗎？

非常感謝

2015-12-07 roshambo

我已更新圖庫使用新的jQuery循環庫-'cycle2'，似乎工作得很好。我會盡快更新jsfiddle來反映。

2015-12-16 01:03:01 roshambo

這是你的滑塊插件，導致你這麼多的痛苦。 jQuery自動將內聯樣式設置爲Ul.slides position: relative; width: 580px; height: 432px;，當頁面第一次加載時，它被設置爲瀏覽器的寬度，但在頁面大小更改時未更新。

一般來說，這不是太大的擔心，因爲通常只有那些看到這種情況的人會是那些測試響應能力（並調整其瀏覽器大小）的人，但對於那些剛剛訪問他們的人平板電腦或其他（並且順便說一句，不會/不能調整他們的瀏覽器）。

如果你想修復它，你將不得不創建一些你自己的javascript代碼來選擇ul.slides並且改變頁面大小的寬度。

2015-12-07 01:02:46 Adam

嗨亞當感謝您的意見。我已經更新了圖庫以使用新的jQuery循環庫-'cycle2'，並且似乎很好。我會盡快更新jsfiddle來反映！謝謝。 – roshambo

回答