다른 칸에서 %로 바꾸면 이미지가 창크기과 같이 줄어드는게 아니라 그냥 잘려버리던데요.무슨 말인지 모르겠네요.
전체 body나 내부 컨텐츠를 감싸고 있는 곳도 %로 width값 부여했나요?
단순히 원하는 창 크기에 비례해서 내부 요소 줄이고 싶다면 %로 다 되는 게 정상일텐데..
뷰포트는 반응형할 때 요소들 크기 뿐아니라 구조까지 바꿀 때 사용하는 것 아닌가요? 지금 원하는 건 width값 바꾸는 것이니깐 %로 다 해결될 듯하네요.
뷰포트 사용해보세요.
제가 초보라 뷰포트 사용방법을 몰라서 뷰포트라는 걸 알게 되서 너무 좋으네요.
인터넷을 열심히 뒤져봐야겠네요.
반응형 웹 페이지 라고 검색해보세요.
css js 관련 자료가 많이 나올겁니다.
외곽의 컨테이너의 크기만 작아지고 내부의 판넬들의 크기는 작아지지 않기 때문에 작아진 컨테이너 안에서 판넬들이 크기를 유지하기 위해 재배치를 한다고 생각합니다. 테이너의 크기가 줄어들 때 내부에 있는 판넬들의 크기도 줄어 들도록 해보세요.
