반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
196
投稿した質問数 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
10
1
미리보기 빈칸생기는 현상
0
10
1
라이브 녹화 제공 여부
0
21
1
검색엔진 차단 noindex
0
34
2
파트9 강의는 언제 오픈하시나요
0
34
2
ZIP 파일
0
29
2
26강 13F 강의 불일치 및 질문 요청
0
39
3
state 객체로 묶기
0
28
1
7- 상품확대 인터렉션
0
28
3
XAMPP에서 Apache, DB 재기동 시 접속안되는 문제
0
19
1
Breadth (등락 비율) 분석
0
24
1
아이콘 빌런 부분
0
30
2
프로젝트 영역 질문
0
26
2
26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.
0
31
2
카페 24 파일질라 부분 질문있습니다.
1
290
1
uk-lightbox 웹표준 검사에 error로 나오는데 괜찮나요?
1
273
1
uikit 컴포넌트로 주소표시줄 href속성 값 표시하지 않는 방법에 대해서 궁금합니다
1
247
1
이미 완성된 반응형 사이트가 있을 때
1
258
1
기획서 작성 방법에 대해서 질문드립니다..
1
246
1
참고자료
1
326
1
취업시 포폴을 제출할 때
1
582
2
수강생참고자료 어디서 봐요?
1
484
1
포트폴리오 개인 홈페이지 해상도 및 콘텐츠 영역
1
461
1
안녕하세요 선생님
1
298
1