如何在響應式網站上設置圖像格式

Question

嗨，我的英語很差:) 對此感到抱歉:) 我設計了一個響應式網站。 給定文件之間有什么區別？ 我不明白如何將它們調整為屏幕尺寸。

jk_ar_16_9,c_fill,g_auto__c_scale,w_720.jpg
jk_1_s6zmfh_c_scale,w_480.jpg

Answer 1

我想第一張圖片比第二張大。 要將圖像調整為屏幕尺寸，請使用圖片標簽（ 在此處了解更多信息）：

<picture>
  <source 
    media="(min-width:720px)" 
    srcset="jk_ar_16_9,c_fill,g_auto__c_scale,w_720.jpg">
  <source 
    media="(max-width:720px)" 
    srcset="jk_1_s6zmfh_c_scale,w_480.jpg">
  <img 
     src="jk_1_s6zmfh_c_scale,w_480.jpg"
     style="width:auto;">
</picture>