내 웹 페이지는 최대 너비 1260px로 설정되어 있습니다. [편집] 나는 이 문제가 내 페이지뿐만 아니라 네트워크의 모든 페이지(또는 거의 모든 페이지, 아마도 고정 너비 또는 최대 너비가 설정된 페이지)에 존재한다는 것을 깨달았습니다.
주요 브라우저에서 100% 확대/축소하여 보면 Chrome 및 IE보다 Firefox에서 단락과 기본 열이 수평으로 더 많은 공간을 차지합니다. 그러나 모든 브라우저의 검사기는 1260px로 표시됩니다. 아래 스크린샷은 1920px 와이드 화면에서 촬영한 것으로, Chrome과 IE의 비율이 정확한 것 같습니다.
FF에서는 옵션->콘텐츠->고급->최소 글꼴 크기를 없음으로 설정했습니다.
FF의 차이점은 무엇이며 다른 브라우저와 마찬가지로 FF의 페이지 너비를 비례적으로 동일하게 하는 방법이 있습니까?
[편집 2] 1920 와이드 스크린의 내 페이지에서 측정된 window.innerWidth javascript 속성이 IE 및 Chrome에서는 1920을 반환하지만 FF에서는 1536을 반환하는 것을 방금 확인했습니다. 따라서 FF는 너비만큼의 픽셀만 "인식"합니다.
답변1
창문에. Firefox는 브라우저의 기본 글꼴 크기에 대해 디스플레이 패널의 설정을 사용합니다.
제어판 > 모든 제어판 항목 > 디스플레이
모든 텍스트 항목 값을 10으로 설정합니다.
두 브라우저의 글꼴 크기 설정이 동일한지 확인하세요.
Firefox: about:preferences#content > 고급
크롬: chrome://settings/fonts
또한 두 브라우저 모두에서 확대/축소 수준을 100%로 설정합니다.
이것은 나에게 트릭이었고 두 브라우저 모두 동일한 콘텐츠를 동일하게 표시했습니다.