Firefox의 스크롤바에서 미디어 쿼리가 제대로 작동하지 않는 이유는 무엇입니까?

Firefox의 스크롤 막대 관련 미디어 쿼리 문제

스크롤 막대가 나타날 때 Firefox의 미디어 쿼리가 예상대로 작동하지 않는 문제에 직면하고 있습니다. . Chrome에서는 이 문제가 발생하지 않습니다.

문제를 재현하려면 제공된 바이올린(http://jsfiddle.net/RMvqC/2/

해결책)을 참조하세요.

이 문제는 프로젝트의 섹션.

mqGenie는 뷰포트 너비에 스크롤바 너비를 통합하는 브라우저에서 CSS 미디어 쿼리를 조정하는 JavaScript 라이브러리입니다. 이렇게 하면 미디어 쿼리가 의도한 크기로 트리거됩니다.

mqGenie를 구현하려면

1. http://stowball.github.io/mqGenie/를 방문하여 라이브러리를 다운로드하세요.
2. 에 mqgenie.min.js 스크립트를 포함합니다.

mqGenie를 통합한 후 미디어 쿼리는 스크롤바 유무에 관계없이 Chrome, Safari, Firefox 및 IE를 포함한 브라우저 전반에서 일관되게 작동합니다.

위 내용은 Firefox의 스크롤바에서 미디어 쿼리가 제대로 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!