이거 어떻게 해결할 수 있을까요?

[김수갓]

프로젝트를 진행하는 게 있는데 반응형을 구상하고 있습니다. 제가 미디어쿼리를 사용해서 max-width가 450px이면 width를 450px로 설정해서 창을 줄여도 
450px화면으로 보도록 구성을 했습니다. 하지만 개발자도구를 켜서 width가 450px 이하의 폰 화면으로 보니 처음 화면이 나오면 아래 사진처럼 짤려서 나오게 됩니다. 
 
그래서 손으로 화면을 pinch해서 뒤로 땡겨서 봐야하는 문제점이 발생했습니다. width가 450px을 유지하지만 450px이하의 폰크기로 보게 되면 
위의 사진처럼 말고 요소들이 브라우저 화면이 작아지면 제가 지정한 450px만큼 핀치를 자동 축소하는방법이 있을까?
무슨 문제인지는 알지만 해결할 방법이 안떠오릅니다ㅠㅠ

[codingapple]

폭들을 px 단위말고 퍼센트단위로 줍시다

[글쓴이]

글