게시판 상단의 이미지 크기

게시판 상단의 이미지 크기

QA

게시판 상단의 이미지 크기

답변 2

본문

게시판 상단에 이미지를 넣으면 반응형에서도 그냥 이미지 크기데로 나오고

 

모바일에서도 그럽니다

 

모바일에서 밖으로 이미지가 나가지 않고 자동으로 반응형처럼 조절이 되려면

어떻게 하면 되는지요?

 

감사합니다

 

이 질문에 댓글 쓰기 :

답변 2

여러가지 방법이 있는데요

 

1번

<img src="이미지주소" style="width:100%;">

이렇게 하면 이미지 폭이 창의 100% 만큼 되며 넓이와 비례하여 높이도 같은 비율로 커집니다.

 

2번

<img src="이미지주소" style="width:100%; max-width:1200px;">

위 1번에 최대 넓이가 1200px 로 고정됩니다. 1200 이하라면 자동으로 넓이가 맞춰지구요.

 

이 외에 반응형으로 만드는법과 css 를 통하여 조정하는 방법이 있는데요

일단 위 방법만 아셔도 어느정도 고민이 해결되실것 같네요.

 

 

1.

상단에 이미지 삽입

 

2.

아래 좌표 통해 선택자 알아내기

https://homzzang.com/b/css-251

 

3.

해당 선택자에 대해서 

width:100%; height:auto 추가

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 762
© SIRSOFT
현재 페이지 제일 처음으로