반응이있는 레이아웃이 모바일에서 작동하지 않습니다.

Question

데스크톱 웹 브라우저에서 아무런 문제없이 반응하는 웹 사이트가 있는데 (www.coolnique.com) - 모바일에서 볼 때 올바른 화면 크기를 선택하지 않은 것 같습니다.

내가 사용 메타 태그입니다 : 내가 아이폰을보고하고있어

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

뷰포트는 장치가 실제로 무엇을 두 번 생각하는 것 같다.

데스크톱에서보고 놀고 휴대 전화에서 사이트를 확인하면 내 뜻을 알 수 있습니다. 나는 그 밖의 무엇이 그것에 영향을 줄 수 있는지 모른다.

누군가 더 자세히 알고 싶다면 알려주세요.

감사합니다.

Answer 1

항상 코드의 유효성을 검사하십시오! 유효성 검사기를 통해 CSS를 실행할 때 오류가 발생했습니다.

Parse Error 
/*layouts smaller than 600px, iPhone and mobiles*/ 
@media only screen and (max-width: 480px), s... 

이전 미디어 쿼리에서 중괄호를 닫지 않은 것 같습니다.