프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[CSS] 반응형 이미지

2018.12.24
북마크 작성자 정보
** 웹에서 Responsive Image(반응형 이미지) 구현하기.
웹에서 고정된 크기를 가진 이미지를 데스크탑, 랩탑, 태블릿, 스마트폰 등 다양한 기기마다 최적화된 형태로 출력하려면 어떻게 해야할까?
해답은 간단하다.
반응형으로 출력하고 싶은 이미지의 img 엘러먼트에 style을 아래와 같이 부여하면 된다.
<img src="이미지 경로" style="height:auto" />
데모보기

이 포스트 공유하기

전체목록