채택완료

반응형 웹페이지 질문드립니다.

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

방법 좀 부탁 드립니다.

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

버립니다)

 

 

32634370_1577525184.6972.jpg

 

|

답변 4개

채택된 답변
+20 포인트

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

 

 

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

님이 원치 않는 CSS

 >> .inner_img { width:250px; }

 

님이 원하는 CSS

  >> .inner_img { width:25%; }

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

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

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

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

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

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