반응형 웹페이지 질문드립니다.
본문
그누 설치시 기본적으로 세팅되어 있는 "일반문서"에 있는 페이지(예: 이용안내- intro.php)에 아래처럼 이미지를 삽입하고 모바일에 볼때 틀은 유지하고 크기는 자동으로 리사이징 되도록 하고 싶은데 방법을 잘 몰라서요.
방법 좀 부탁 드립니다.
(그냥 삽입하면 오른쪽처럼 이미지가 리사이징이 안되고, 모바일 화면이 작으니까 아래로 내려가
버립니다)
답변 4
이미지 사이즈를 %로 조절하게 되면 문제가 생길거예요..
그 부분을 보완하기 위해서는 백그라운드를 활용하시면 됩니다.
%로 크기를 정하시면 됩니다.
각 너비를 %로 지정하면 될 것 같은데요.
아래 파트들 공부 후 작업해 보세요.
https://homzzang.com/b/css?sca=responsive
https://homzzang.com/b/css-63 (실제 너비)
님이 원치 않는 CSS
>> .inner_img { width:250px; }
님이 원하는 CSS
>> .inner_img { width:25%; }
답변을 작성하시기 전에 로그인 해주세요.
