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

Question

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

방법 좀 부탁 드립니다.

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

버립니다)

32634370_1577525184.6972.jpg

mcreate7397 · Accepted Answer

이미지 사이즈를 %로 조절하게 되면 문제가 생길거예요.. 그 부분을 보완하기 위해서는 백그라운드를 활용하시면 됩니다.

팻시 · Answer

님이 원치 않는 CSS >> .inner_img { width:250px; } 님이 원하는 CSS >> .inner_img { width:25%; }

sinbi · Answer

각 너비를 %로 지정하면 될 것 같은데요. 아래 파트들 공부 후 작업해 보세요. https://homzzang.com/b/css?sca=responsive https://homzzang.com/b/css-63 (실제 너비)

티로그 · Answer

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