반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
225
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>
31강 학습자료에 프롬프트가 엉뚱한것이 있어요
0
5
0
수업자료
0
10
1
"run_nvidia_gpu.bat" 실행후
0
13
1
bitnami 설치
0
17
0
강의 소스 코드는 어디서 볼수 있나여?
1
30
1
자료집 관련
0
24
2
13. (App 2) 기본기 훈련 에서
0
32
1
17강 강의에 목데이터 첨부파일이 없습니다.
2
39
2
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
31
1
11차시 Antigravity IDE 설치 후
0
32
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
36
1
5,6,7,8 내용이 없어요
0
33
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
32
1
수업 자료 문의
0
32
1
카페 24 파일질라 부분 질문있습니다.
1
322
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