☰

Chrome 스케일링 비활성화

tag-icon • tag-icon linux google-chrome browser chromium web-development
Chrome 스케일링 비활성화

Chrome에 이 작은 상자가 표시됩니다.

<div style="width:100px;height:100px;background:red"></div>

하지만 실제로는 130px 크기입니다. 내 1080p 모니터 때문에 Chrome이 모든 웹을 확장하고 있습니다.

예제 1[1]

비활성화하는 방법은 무엇입니까? 웹사이트를 개발할 때만 짜증나는 일입니다.

실시예 2

답변1

Google Chrome 버전 54부터 이제 컴퓨터의 DPI 설정을 감지하고 이에 따라 웹 브라우저의 크기를 조정합니다. 이전에 Google Chrome은 시스템의 DPI 설정에 주의를 기울이지 않았지만 이제는 주의를 기울이고 있으며 이것이 대규모 인터페이스 문제의 근본 원인입니다.

시스템에서 DPI가 100% 이상으로 설정되어 있으면 "확대" 효과가 나타납니다. 대부분의 경우 이는 최종 사용자가 원하는 것이지만 웹 개발자는 그렇지 않습니다.

Chrome에서 시스템 DPI 설정을 무시하도록 하려면 다음 매개변수 중 하나를 사용하여 Chrome을 시작하는 것이 해결 방법입니다(Chrome 버전 및 OS에 따라 두 가지 가능성이 있음).

  • /high-dpi-support=1 /force-device-scale-factor=1
  • --high-dpi-support=1 --force-device-scale-factor=1

답변2

내 문제는 gnome의 "큰 텍스트" 접근성 설정이었습니다. 크롬 브라우저에서 이런 내용이 나올 줄은 몰랐습니다. 선택을 취소하면 크롬이 예상대로 작동했습니다.

관련 정보