我想知道如何更改多個圖像的來源,當用戶更改瀏覽器窗口的大小或他們正在使用IPAD?如何更改窗口大小變小時的src或多個圖像
0
A
回答
0
你可以用純CSS做到這一點,使用CSS media queries。如果在某些塊元素上使用背景圖像,您可以通過向其公共容器添加/刪除類(基於媒體查詢 - 因此可用客戶區),輕鬆地交換尺寸和背景圖像,而不是使用<img>
元素作爲圖像。 。
0
那麼,如果用戶調整瀏覽器大小,圖像已經加載,所以不需要加載較小的版本。
如果他們使用的是較小的設備,例如ipad或iphone,則可以檢測到並重定向到不同的頁面,其中該設備的圖像大小正確,例如ipad.example.com,m.example.com等。
0
你可以用css3媒體查詢來做到這一點。看看這篇文章smashing magazine
相關問題
- 1. 如何根據窗口大小更改圖像大小
- 2. 更改窗口大小時,CSS調整圖像比容器更小圖像
- 3. 修改窗口大小時的圖像大小(jQuery)
- 4. 如何更改窗口大小的img src?
- 5. 如何更改窗口的大小或最小化?
- 6. 改變窗口小部件的大小而不改變主窗口大小QT
- 7. 如何在調整窗口大小時調整圖像大小?
- 8. Qt - 在窗口大小變化時如何更改QRadiobutton的大小
- 9. 如何更改窗口的大小DepthBasics
- 10. Gtkmm - 更改窗口的最小大小
- 11. 如何更改窗口大小時更改datagrid單元格大小
- 12. Kivy:如何更改窗口大小?
- 13. 如何更改窗口大小?
- 14. 如何更改默認窗口大小
- 15. 更改圖像時更改ImageView大小
- 16. 更改圖像的大小以適應GUI窗口的新大小
- 17. Qt5強制TabWidget在窗口大小更改時調整大小
- 18. 更改窗口大小時更改控件的大小布局UWP
- 19. 如何更改圖像的大小
- 20. 如何更改圖像的大小?
- 21. 如何更改qrencode.encode的圖像大小?
- 22. 如何更改圖像的大小?
- 23. 當窗口高度調整大小時調整圖像大小
- 24. 在調整網頁窗口大小時調整圖像大小
- 25. 在窗口調整大小時自動調整圖像大小
- 26. pygame,如何在調整大小時更新窗口大小
- 27. 如何在opencv中減小圖像顯示窗口的大小?
- 28. Inter在窗口大小變化時更改div的位置
- 29. 如何在窗口大小改變時更改元素的位置?
- 30. 改變電子的窗口大小