分針網—IT教育：根據屏幕大小，加載不同大小的圖片

時間 2021-01-18

標籤教育圖片简体版

原文原文鏈接

引言今天要介紹的東西，很簡單，但是對於前端響應式的時候是個很重要的知識；我們在用bootstrap這類前端框架時，雖然頁面局部通過media query實現了，頁面始終無滾動條，響應式頁面。但是，bootstrap裏面的img-responsive類只是通過設置圖片100%，並沒有真正的實現在手機上和電腦端加載不同大小的圖片。代碼其實很簡單 <!DOCTYPE html> <html

>>阅读原文<<