爲響應頭形象

Question

任何其它技術，所有我是新來的，我試圖讓響應頭形象，在一定程度上我已經使用這個「dislay無」技術

#img1{ 
    display:block; 
} 
#img2{ 
    display:none; 
} 

@media screen and (max-width:480px){ 
    #img1{ 
    display:none; 
    } 
    #img2{ 
    display:block; 
    } 
} 

所以這是做技術，我使用，但它不維護育人質量是什麼，我認爲這樣可以請你告訴做一個標題圖片響應比這種方法更短的提前

Answer 1

感謝爲什麼不使用背景圖片？

.header { 
    background: url(img1.jpg); 
    width: 100%; 
    height: 200px; 
} 


@media screen and (min-width: 768px) { 
    .header { 
    background: url(img2.jpg); 
    } 
}