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