2017-03-06 2 views
0

$(window).width()과 관련된 몇 가지 신비한 문제가 있습니다.JavaScript의 창 너비

창 크기가 320xXXX 인 Chrome 기기 툴바에서 내 사이트를 엽니 다. 그런 다음 Google 크롬 자바 스크립트 콘솔 $(window).width()에서 실행하고 980이라고 말합니다. 그리고 그게 내 @media의 CSS가 작동하지 않는 이유입니다. 거기에 대한 설명이 있습니까?

그런데 Chrome 창 크기를 조정하면 정확한 창 너비가 보이기 시작합니다.

+3

당신이 뷰포트 태그를 추가 했 @media CSS를 보관 viewport 태그를 추가해야합니다'<메타 이름 = "뷰포트"내용 = "너비 = 장치 폭, 초기 규모 = 1" >'? –

+0

@ ĐàoMinhHạt, 와우, 네가 맞아! 응답 해 주셔서 감사합니다! 이것을 답으로 추가하면 받아 들일 것입니다. –

답변

1

OP의 의견으로서, 여기에 답이 있습니다.

당신은

<meta name="viewport" content="width=device-width, initial-scale=1"> 
관련 문제