media query 의 max-width 설정이 다르게 들어가요

[박성현]

@media screen and (max-width: 768px) { ... }

로 css파일에 입력을 했는데 렌더링 페이지에서는 width: 692px부터 media query가 적용이 됩니다.

저는 768을 기준으로 코드를 작성했는데 왜 적용은 692px부터 적용 되는걸까요 ㅠㅠ

max-width가 768px이 아닌 다른 크기에서도 약간 작은 사이즈부터 media query가 적용이 되네요..

혹시 어떤 문제일까요 ㅠㅠ

 

 

[codingapple]

음 혹시 브라우저가 줌인이 되어있는게 아닐까요 

크롬 개발자도구 좌상단  device toolbar 켜면 조금 더 정확한 측정이 가능합니다 

[글쓴이]

글