3 Quick Ways to Resize Web Pages to Fit Your Screen

Installing the right extension helps autosize web pages to fit screen

Browsers

Reading time icon 4 min. read

Calendar icon Updated on

by Milan Stanojevic 

updated on

Share this article

This article is translated in

Country Flag
Readers help support Windows Report. We may get a commission if you buy through our links. Tooltip Icon

Read our disclosure page to find out how can you help Windows Report sustain the editorial team Read more

Key notes

  • When browsing the Internet, you might, at times, notice that the web page display is unusual.
  • You can make web pages fit on your screen by adjusting them manually from your browser settings.
  • With the right extension, you can make sites fit on your screen automatically.
Browser does not fit screen

Users have reported that their browser does not fit the screen on Windows 10 whenever they load the websites in a window half the size of the monitor (split-screen mode in Windows 10).

This is not the first of its kind, with some people complaining about the expand your browser window to see this story issue when accessing Facebook.

This issue is getting even worse when using a TV with a high resolution on your PC monitor.

The result is that most (if not all) of the elements on the web page are displayed stacked on top of each other, leaving an empty or white space where the elements of the site would usually be.

This article will explore the best ways to deal with this issue. Read on to find out how to do it.

Why does the web page not fit on the screen?

Web pages might not fit your screen because of problems with the page you are visiting. For example, if the page is not scalable, it won’t fit on different resolutions.

Another known cause of the issue is wrong browser settings or glitches within the browser. This is usually a temporary problem that can be fixed easily.

How do I make web pages fit my screen size?

1. Manually modify the zoom level of every web page

  1. In order to zoom in or out of the web page you’re trying to work on, you can press the Ctrl key on your keyboard and the +/– signs.
  2. Another way to do this is to hold the Ctrl key and use the mouse scroll wheel to zoom in and out.

The shortcuts above should help you fix the web page not fitting screen issue on most browsers. If you need more keyboard shortcuts on Windows 10, you can check our detailed guide for the full list.

2. Change the default zoom-in/out value

2.1. Mozilla Firefox

  1. Open Firefox, type about:config in the address bar, and press Enter.
    about config resize web pages to fit screen
  2. Click the Accept Risk and Continue button.
    accept risk
  3. Search for layout.css.devPixelsPerPx in the search box.
    layout resize web pages to fit screen
  4. Double-click on the preference and change the zoom value to your desired setting.

    change value
  5. Finally, press the Enter key.

If web pages do not fit your Firefox browser, adjusting the zoom preference should do the trick. Ensure to restart your browser to sync the changes.

2.2. Google Chrome

  1. Open Chrome and click on the menu button (three vertical dots) in the top right corner.
  2. Select Settings from the options.
    home settings
  3. Click on Privacy and security in the left pane.
    privacy
  4. Select Site Settings.
    site resize web pages to fit screen
  5. Click on the Additional content settings option.
    additional
  6. Choose the Zoom levels option.
    zoom levels
  7. Now, set the custom zoom levels for the sites you visit.
    set zoom levels resize web pages to fit screen

If your web page is not fitting the screen on Chrome, you can set the custom zoom level that will prompt it to fit on the preset value. The only downside is that you must repeat it for any website having the issue.

3. Use add-ons to set the automatic zoom for websites

3.1. Mozilla Firefox

  1. Go to Mozilla’s official add-on library to download the Fixed Zoom extension.
  2. Click the Add to Firefox button.
    add to
  3. Click on Add again when prompted to complete the process.
    add button

Firefox allows you to autosize any web page on your browser to fit the screen with the help of an extension. With this, you don’t need to zoom the sites manually you visit again.

3.2. Microsoft Edge

  1. Go to the Microsoft store and download the Zoom from Microsoft Edge add-on.
  2. Click on the Get button.
    get edge
  3. Click the Add Extension button and wait for the installation to finish.
    add extension

Zoom from Microsoft Edge is another extension that allows you to zoom web pages to fit your screen. The installation process is easy, and the extension will be enabled automatically after.

How do I fit a web page to exactly my screen size without scrolling?

As a developer, to fix your website to the exact screen size without scrolling, you need to set the width and height to 100 percent. Also, you should set the overflow to hidden.

With this, you should be able to fit your web page to screen perfectly.

This article explored some quick ways to customize the zoom levels for the sites you visit. You can do this either by using the keyboard shortcuts, modifying the browser settings, or using an add-on.

If Chrome’s full screen is not working on your PC, check our guide to fix it quickly.

Feel free to let us know if this guide helped you solve the issue with the browser window not fitting the screen.

More about the topics: browser, Browser errors, windows 10 fix

Milan Stanojevic

Milan Stanojevic Shield

Windows Toubleshooting Expert

Milan has been enthusiastic about technology ever since his childhood days, and this led him to take interest in all PC-related technologies. He's a PC enthusiast and he spends most of his time learning about computers and technology. Before joining WindowsReport, he worked as a front-end web developer. Now, he's one of the Troubleshooting experts in our worldwide team, specializing in Windows errors & software issues.