-
질문 & 답변
카테고리
-
세부 분야
취업 · 이직
-
해결 여부
미해결
반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
24.02.01 22:56 작성 조회수 58
1
pc에서 띄우는 이미지와
모바일에서 띄우는 이미지를 다르게 바꾸려면 어떻게 하면 좋을까요?
<section class="welcome" id="feature1">
<img src="images/bg-welcome.jpg">
</section>여기서 쓰는 이미지를 바꾸고 싶어요
답변을 작성해보세요.
1
코딩웍스(Coding Works)
지식공유자2024.02.01
미디어쿼리를 속성으로 사용할 수 있는 picture 태그 사용하시면 어렵지 않게 이미지 변경할 수 있습니다.
picture 태그 사용법은 구글링 하시면 찾기 쉽습니다.
구글에서 html picture 라고 검색하시면 됩ㄴ디ㅏ.
<picture>
<source media="(min-width: 700px)" srcset="/examples/images/people_960.jpg">
<source media="(min-width: 400px)" srcset="/examples/images/people_575.jpg">
<img src="/examples/images/people_200.jpg" alt="People">
</picture>
답변 1