css responsive : 모바일 버전

Question

저는 CSS가 새롭고 미디어 쿼리를 사용하여 반응이 빠른 디자인을 만들고 있습니다. 브라우저의 크기를 480px 이하로 변경하면 (@media 전용 화면 및 (최대 장치 너비 : 480px)) 디자인이 제대로 작동하지만 모바일에서 열거 나 크롬에서 토글 장치 도구 모음을 사용할 때 너무 작아서 작은 창으로 데스크톱에서와 같은 디자인을 얻지 못했습니다.

모바일의 디자인을 데스크톱의 작은 창과 동일하게 만드는 뭔가가 누락되었습니다 (다른 미디어 쿼리 또는 다른 것).

고맙습니다.

Answer 1

HTML에 추가해 주실 수 있습니까?

내 생각에 줌이 문제입니다. 그 중 하나 또는 휴대 전화의 실제 해상도가 480px 너비보다 클 수 있습니다.

내가 붙여 넣은 코드 줄은 이며 웹에서 반응 형 모바일 첫 번째 프로젝트를 개발하는 데 가장 많이 사용되는 HTML, CSS 및 JS 프레임 워크입니다. (자신의 웹 사이트에서 인용. 나는 동의하지 않는다).

부트 스트랩이 미디어 쿼리로 만들어 졌으므로 실제로 반응 형 웹 사이트로 생각하면 좋습니다.