반응형에서 이미지를 다른 이미지로 바꾸고 싶으면 어떻게 하나요?
236
작성한 질문수 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
14
0
14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.
0
17
0
인프당 무당 캐릭터 뽑는 프롬프트
0
24
1
1- 피그마 기본 프레임 예제
1
17
2
10월 15일 삭제예정 강의 문의
0
39
1
강의가 중복됐어요
0
52
0
결제가 이루어지는 방식에 대한 문의
0
61
1
강의제목에 10/15일 삭제라고 나와있는데,
0
48
1
컴포넌트 파일에 파운데이션 라이브러리 연결 안되는 문제
0
104
6
섹션3. 스타일가이드 다운받고 난후
0
55
2
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
57
2
강의 파일 다운로드
0
56
2
1강 동영상 재생 오류
1
67
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
42
1
카페 24 파일질라 부분 질문있습니다.
1
342
1
uk-lightbox 웹표준 검사에 error로 나오는데 괜찮나요?
1
318
1
uikit 컴포넌트로 주소표시줄 href속성 값 표시하지 않는 방법에 대해서 궁금합니다
1
290
1
이미 완성된 반응형 사이트가 있을 때
1
294
1
기획서 작성 방법에 대해서 질문드립니다..
1
286
1
참고자료
1
365
1
취업시 포폴을 제출할 때
1
647
2
수강생참고자료 어디서 봐요?
1
523
1
포트폴리오 개인 홈페이지 해상도 및 콘텐츠 영역
1
502
1
안녕하세요 선생님
1
362
1