게시판 상단의 이미지 크기

게시판 상단의 이미지 크기

QA

게시판 상단의 이미지 크기

본문

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

 

모바일에서도 그럽니다

 

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

어떻게 하면 되는지요?

 

감사합니다

 

이 질문에 댓글 쓰기 :

답변 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 추가

답변을 작성하시기 전에 로그인 해주세요.
전체 773
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT