반응 형 웹 디자인은 데스크톱에서는 작동하지만 모바일 장치에서는 작동하지 않습니다

IT박스

itboxs 2020. 7. 28. 08:15

휴대 전화에 반응해야하는 웹 사이트가 있습니다. 데스크탑을 사용하여 만들었습니다. 브라우저 창을 조정하면 휴대 전화에서 완벽하게 작동하지만 실제 휴대 전화에서 확인하면 Samsung Galaxy S2는 모바일보기에 응답하지 않습니다.

무엇이 잘못 될 수 있습니까?

html 헤드에 뷰포트 메타 태그가 누락되었을 수 있습니다.

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

이것이 없으면 장치는 뷰포트를 가정하고 전체 크기로 설정합니다.

나는 또한이 문제에 직면했다. 마침내 나는 해결책을 얻었다. 이 벨로우즈 코드를 사용하십시오. 희망 : 문제가 해결 될 것입니다.

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

CSS를 확인하거나 CSS Validator를 사용하십시오.

    Parse Error

   .navbar .nav li a {
    padding-right: 5px;
    paddng-left: 5px;

중괄호 나 오타가 닫히지 않은 것 같습니다.

위에 답변되어 있고 사용하는 것이 옳지 만

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

그러나 React와 webpack을 사용하는 경우 element 태그를 닫는 것을 잊지 마십시오

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

처음 세 열을 제외하고 모두 인쇄 (0)	2020.07.28
Closeable 구현 또는 AutoCloseable 구현 (0)	2020.07.28
반응-DOM이 렌더링되는 동안 로딩 화면이 표시됩니까? (0)	2020.07.28
날짜 문자열을 날짜로 구문 분석하는 방법은 무엇입니까? (0)	2020.07.27
모든 것을 한 눈에 보는 방법? (0)	2020.07.27

itboxs