반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
224
작성한 질문수 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
6
1
"run_nvidia_gpu.bat" 실행후
0
8
1
bitnami 설치
0
7
0
강의 소스 코드는 어디서 볼수 있나여?
1
20
1
자료집 관련
0
15
2
13. (App 2) 기본기 훈련 에서
0
23
1
17강 강의에 목데이터 첨부파일이 없습니다.
2
27
2
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
26
1
11차시 Antigravity IDE 설치 후
0
24
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
29
1
5,6,7,8 내용이 없어요
0
29
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
32
1
수업 자료 문의
0
26
1
장치 의존성과 CSR
0
35
1
카페 24 파일질라 부분 질문있습니다.
1
321
1
uk-lightbox 웹표준 검사에 error로 나오는데 괜찮나요?
1
304
1
uikit 컴포넌트로 주소표시줄 href속성 값 표시하지 않는 방법에 대해서 궁금합니다
1
278
1
이미 완성된 반응형 사이트가 있을 때
1
281
1
기획서 작성 방법에 대해서 질문드립니다..
1
274
1
참고자료
1
347
1
취업시 포폴을 제출할 때
1
627
2
수강생참고자료 어디서 봐요?
1
513
1
포트폴리오 개인 홈페이지 해상도 및 콘텐츠 영역
1
486
1
안녕하세요 선생님
1
341
1