뷰포트 메타 태그가 작동하지 않습니다.

Question

안녕하세요 저는 뷰포트 태그를 설정하여 휴대 전화에서 전체 화면으로 렌더링하려고 시도하고있는 다음 웹 사이트를 가지고 있지만 태그가 작동하지 않는 것으로 보입니다 이 문제를 어떻게 해결할 수 있을지 제안 해주십시오.

이

내가 사용하고 뷰포트에 대한 코드입니다 : <meta name="viewport" content="width=device-width, initial-scale=1">

웹 사이트 인이 하나 www.heatherlacombe.com

현재 웹 사이트가 아이 패드 나에 같은 안드로이드 장치에 렌더링된다 그것의 절반은 전체 화면에 맞도록 만들고 싶습니다.

Answer 1

코드를 사용하는 ...

<meta name="viewport" content="width=device-width, initial-scale=1"> 

는 정확하다 .... 그러나 귀하의 웹 사이트에 대한 반응이없는 디자인이 없다면 그 유용성이 매우 제한적입니다. 나는 내 iPad에서 웹 사이트를 테스트했지만 화면 크기 자체보다 훨씬 더 큽니다.

Bootstrap을 사용하는 것 같습니다. 귀하의 웹 사이트가 응답하지 않는 이유가 궁금합니다. 뷰포트 문제를 해결하기 전에 사이트가 반응하는 행동을하지 않는 이유를 조사해 보시기 바랍니다.

Answer 2

귀하의 사이트는 응답이 없습니다. 따라서 메타 태그가 필요하지 않습니다. 태그를 꺼내서 iPad에서 보면 사이트가 자동으로 축소됩니다.