모든 종류의 장치에 맞게 이미지를 만들려면 어떻게합니까?

Question

저는 메뉴 막대 아래에 이미지 슬라이드 막대를 추가하고 있습니다. 모든 종류의 장치에 완벽하게 들어 맞습니다. 그렇다면 모든 종류의 장치에 맞게 무엇을 할 수 있습니까?

Answer 1

이 코드

<div class="slidebar"> 
<img src="https://cdn.sstatic.net/Sites/stackoverflow/img/sprites.svg?v=8c1c8cba242e"> 
</div> 

CSS

.slidebar{ 
    width:100%; 
    height:auto; 
    overflow:hidden; 
} 

.slidebar img{ 
    width:100%; 
    height:auto; 
} 

작업 데모 https://jsfiddle.net/Rahul_Ravi/6kqxwjz8/