반응 형 디자인 모드 대 브라우저 창의 크기 조정

Question

해상도에 따라 변경하려고합니다. 그래서 난 exemple 사용 :

@mediaquery only screen and (min-width:1125px) and (max-width:1280px) { 
     flex-basis: 31.4rem; 
    } 

그것은 모질라 파이어 폭스의 반응 디자인 모드에서 완벽하게 작동하지만 브라우저 창 크기를 조정하고 때 직접이 1262 픽셀 대신 1280px 등 사이 1263px 및 1280px는 않습니다에서만 변경 변경 없음. 실제로 모든 미디어 쿼리 (응답 모드에서와 같이 560px 대신 540px에서만 변경됨)를 수행합니다.

어디에서 유래 되었습니까? 브라우저 크기 조정 및 반응 형 디자인 모드에서 값을 통합하려면 어떻게합니까?

Answer 1

응답 도구를 사용하여 페이지를 테스트 할 때 페이지의 세로 스크롤 막대는 계산되지 않습니다. 그러나 실제로 브라우저의 크기를 조정하면 브라우저의 기본 스크롤 막대 너비 때문에 약 20px 너비 차이가 발생합니다.