채택완료

게시판 상단의 이미지 크기

2019-07-05 (금) 23:34:32 3,638

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

모바일에서도 그럽니다

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

어떻게 하면 되는지요?

감사합니다

|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트
2019-07-05 (금) 23:54:50

여러가지 방법이 있는데요

1번

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

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

2번

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

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

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

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

답변에 대한 댓글 2개

답변 감사드립니다 그럼 관리자 설정의 게시판 상단에 이미지를 넣으면 안되고 알려주신데로 코드로 이미지를 삽입을 해야 겠네요...
일단 이 방법으로 처리를 했습니다
감사합니다

1.

상단에 이미지 삽입

2.

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

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

3.

해당 선택자에 대해서 

width:100%; height:auto 추가

답변에 대한 댓글 1개

바쁘신데 답변 주셔서 감사드립니다...그냥 간단하게 애드프로 님이 알려주신데로 처리를 했습니다

답변을 작성하려면 로그인이 필요합니다.