휴대 전화에 반응해야하는 웹 사이트가 있습니다. 내 데스크탑을 사용하여 만들었습니다. 브라우저 창을 조정하면 휴대폰에서 완벽하게 작동하지만 실제 휴대폰에서 확인하면 Samsung Galaxy S2가 모바일보기에 응답하지 않습니다.
무엇이 잘못 되었을까요?
답변
html 헤드에 뷰포트 메타 태그가 누락되었을 수 있습니다.
<meta name="viewport" content="width=device-width, initial-scale=1">
그것이 없으면 장치는 뷰포트를 전체 크기로 가정하고 설정합니다.
답변
나는 또한이 문제에 직면했다. 마침내 해결책을 얻었습니다. 이 벨로우즈 코드를 사용하십시오. 희망 : 문제가 해결 될 것입니다.
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
답변
위에 대답하고 사용하는 것이 옳지 만
<meta name="viewport" content="width=device-width, initial-scale=1">
하지만 React와 webpack을 사용하는 경우 요소 태그를 닫는 것을 잊지 마십시오.
<meta name="viewport" content="width=device-width, initial-scale=1" />
답변
반응 형 메타 태그
모든 장치에 대해 적절한 렌더링 및 터치 확대 / 축소를 보장하려면 반응 형 뷰포트 메타 태그를 <head>.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
답변
