반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
206
18 asked
pc에서 띄우는 이미지와
모바일에서 띄우는 이미지를 다르게 바꾸려면 어떻게 하면 좋을까요?
<section class="welcome" id="feature1">
<img src="images/bg-welcome.jpg">
</section>여기서 쓰는 이미지를 바꾸고 싶어요
Answer 1
1
미디어쿼리를 속성으로 사용할 수 있는 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>
counter01.html은 어디있을까요?
1
9
1
수업자료 문의
0
22
2
강의 수강 기간 연장 부탁드리겠습니다
0
14
1
안녕하세요, Oracle Cloud Free Tier 가입 과정에서 계속 오류가 발생해 문의드립니다.
1
33
2
회사마다의 JD 자격 요건에 대해서는 어떻게 접근해야 좋나요?
0
33
2
7강 도형+펜툴 중 막혔습니다ㅠㅠㅠ
0
28
2
안녕하세요! 작업 속도를 높여주는 단축키와 플러그인 강의는 없는걸까요?!
0
26
3
part3. spy 쪽 / part3,part4 강의자료
0
37
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
49
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
43
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
63
1
카페 24 파일질라 부분 질문있습니다.
1
298
1
uk-lightbox 웹표준 검사에 error로 나오는데 괜찮나요?
1
282
1
uikit 컴포넌트로 주소표시줄 href속성 값 표시하지 않는 방법에 대해서 궁금합니다
1
257
1
이미 완성된 반응형 사이트가 있을 때
1
264
1
기획서 작성 방법에 대해서 질문드립니다..
1
255
1
참고자료
1
333
1
취업시 포폴을 제출할 때
1
595
2
수강생참고자료 어디서 봐요?
1
488
1
포트폴리오 개인 홈페이지 해상도 및 콘텐츠 영역
1
465
1
안녕하세요 선생님
1
306
1