반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
194
작성한 질문수 18
pc에서 띄우는 이미지와
모바일에서 띄우는 이미지를 다르게 바꾸려면 어떻게 하면 좋을까요?
<section class="welcome" id="feature1">
<img src="images/bg-welcome.jpg">
</section>여기서 쓰는 이미지를 바꾸고 싶어요
답변 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>
아이콘 빌런 부분
0
5
1
프로젝트 영역 질문
0
12
1
26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.
0
15
1
6-6
0
27
1
주니어 이력서 작성방법
0
29
2
Json 플러그인 사용시 variable collection 없음
0
22
2
배리어블 목록 없음
0
23
3
Token 등록 방법 문의
0
23
1
인스턴스스왑
0
25
2
6-6 실습 문의
0
28
2
섹션5 노션링크 는 따로 없나요?
0
34
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
35
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
29
2
배리어블 Value에 관해 질문있습니다.
0
36
0
카페 24 파일질라 부분 질문있습니다.
1
289
1
uk-lightbox 웹표준 검사에 error로 나오는데 괜찮나요?
1
272
1
uikit 컴포넌트로 주소표시줄 href속성 값 표시하지 않는 방법에 대해서 궁금합니다
1
247
1
이미 완성된 반응형 사이트가 있을 때
1
255
1
기획서 작성 방법에 대해서 질문드립니다..
1
246
1
참고자료
1
325
1
취업시 포폴을 제출할 때
1
579
2
수강생참고자료 어디서 봐요?
1
481
1
포트폴리오 개인 홈페이지 해상도 및 콘텐츠 영역
1
459
1
안녕하세요 선생님
1
298
1