휴대 기기에서 웹 사이트의 크기가 올바르게 조정되지 않습니다.

Question

Chrome에서 뷰포트를 변경하거나 휴대 전화에서 직접 이동하면 웹 사이트의 크기가 올바르게 조정되지 않는 문제가 있습니다.

그러나 브라우저 창의 크기를 조정할 때 작동합니다.

시도해 보려면이 웹 사이트 http://maxehlers.com/test/입니다.

웹 사이트의 대부분 내용은 with 및 height에 대한 백분율로 설정됩니다.

휴대 기기에서 웹 사이트에 액세스 할 때 웹 사이트가 반응하도록 어떻게 할 수 있습니까? 미디어 쿼리를 추가해야합니까?

Answer 1

내가 여기를 정렬해야 <meta name="viewport" content="width=device-width, initial-scale=1"> 같은 MDN

무언가의 문서가 당신이 관점 메타 태그

누락 생각합니다.

자세한 내용은 css tricks에 있습니다.