Browser Resolution – Why Browsers Won’t Use Full Screen Resolution and Use Different Resolutions

browsergoogle-chromeinternet explorerresolutionwindows 8.1

chrome

ie

My screen resolution is actually 3200×1800, but when I'm in a browser it acts like I have a smaller resolution. How do I get my browsers to use my full resolution?

On Chrome it's using 1280×720, and on IE it's using 1600×900. According to whatismyscreenresolution.com, which is showing different values for different browsers. I took a screenshot of them and verified that my resolution is 3200×1800 as that is the pixels in the bitmap.

I'm on a laptop with no monitor plugged in. My zoom in both browsers is at 100%. I've tried zooming out below 100% but then the text is unreadable and pixellated. I've tried restarting. Windows 8.1. I've tried the chrome extension OptiZoom and it does nothing. document.body.clientWidth gives 1247, and I want it to give 3200.

Best Answer

Possible Problem

This is most likely an issue caused by Window 8.1 "Display Scaling" feature. See a relevant post in the Google Chrome forum.

Possible Solution

Try disabling this feature for your browsers. For example, locate the Chrome executable which is commonly found in %ProgramFiles(x86)%/Google/Chrome/Application/. Right click the file, select "Properties" and then under the "Compatibility" tab tick the box saying "Disable display scaling on high DPI settings"

enter image description here

Related Question