테스트 사이트 - 개발 중인 베타 버전입니다

반응형 웹페이지 질문드립니다. 채택완료

추양 5년 전 조회 4,991

그누 설치시 기본적으로 세팅되어 있는 "일반문서"에 있는 페이지(예: 이용안내- intro.php)에 아래처럼 이미지를 삽입하고 모바일에 볼때 틀은 유지하고 크기는 자동으로 리사이징 되도록 하고 싶은데 방법을 잘 몰라서요.

방법 좀 부탁 드립니다.

(그냥 삽입하면 오른쪽처럼 이미지가 리사이징이 안되고, 모바일 화면이 작으니까 아래로 내려가

버립니다)

 

 

 

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

답변 4개

채택된 답변
+20 포인트
m
5년 전

이미지 사이즈를 %로 조절하게 되면 문제가 생길거예요..

 

 

그 부분을 보완하기 위해서는 백그라운드를 활용하시면 됩니다.

로그인 후 평가할 수 있습니다

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

5년 전

님이 원치 않는 CSS

 >> .inner_img { width:250px; }

 

님이 원하는 CSS

  >> .inner_img { width:25%; }

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
5년 전

각 너비를 %로 지정하면 될 것 같은데요.

아래 파트들 공부 후 작업해 보세요.

https://homzzang.com/b/css?sca=responsive">https://homzzang.com/b/css?sca=responsive

https://homzzang.com/b/css-63 (실제 너비)

로그인 후 평가할 수 있습니다

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

티로그
5년 전

%로 크기를 정하시면 됩니다.

로그인 후 평가할 수 있습니다

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

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

로그인