반응 형 웹 사이트 - 응답이없는 응답 형 CSS를 디버깅하는 방법?

Question

4 가지 레이아웃이 필요한 프로젝트에서 작업 중입니다.

• Desktop + Laptop;
• 태블릿 풍경;
• Tablet portrait;
• 모바일.

테스트 목적으로 Opera 브라우저와 페이지 확대/축소를 사용하고 있습니다. 그리고 오페라 (뿐만 아니라 내 랩탑의 다른 모든 브라우저)에서 페이지를 확대/축소 할 때 레이아웃이 올바르게 변경됩니다. 그러나 스마트 폰과 태블릿에서 동일한 페이지를 열면 데스크톱 레이아웃 만 표시됩니다. 내 프로젝트의 임시 주소는 다음과 같습니다

http://tiip.dit.rs/tiip2

는

는 아무도 내가 뭘 잘못 어떤 아이디어가 있습니까?

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

당신은이 태그에 대한 몇 가지 정보를 얻을 수 있습니다 당신은 를 googleing하여 필요한 이유를 나는이 링크가있을 수 있습니다 생각

Answer 1

추가, 오른쪽 아래 모서리에 작은 톱니가있다. 설정에서 사용자 에이전트를 선택하면 크롬이 다른 기기와 유사하게 동작합니다. 이게 도움이 되었으면 좋겠다

Answer 2

봅니다 메타 태그를 추가합니다 더

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

에게 도움이 그리고 처음에 당신의 HTML에

당신이 개발자 도구를 열면

크롬에서

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

Answer 3

"메타 태그를 뷰포트"