이 요소는 다양한 화면 크기와 해상도에 적응하는 반응형 이미지를 만드는 데 필수적입니다. 이를 통해 여러 이미지 소스를 지정하고 장치 기능에 따라 가장 적합한 소스를 선택할 수 있습니다.

 

HTML :

 

<picture>
    <source media="(min-width: 800px)" srcset="large.jpg">
    <source media="(min-width: 400px)" srcset="medium.jpg">
    <img src="small.jpg" alt="Responsive Image">
</picture>

 

 

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교