If you want a web page to be displayed larger than your screen size, you basically have two options, and which option you choose depends on the purpose for doing this.
The main method is to insert the web page into another web page that you control. This might sound really technical, but it really isn’t. It’s your best option if you need to interact with the web page.
The second option is only for people who want to take screenshots of the web page i.e. take a screenshot that’s larger than their screen. They can achieve this with the first method, too.
Method 1: Embed the webpage into another webpage with an iFrame
You can think of an iFrame as a window to another web page. We are going to put a window on our own web page and then increase the window’s size dimensions.
Please note that many websites nowadays have disabled the use of iFrames. If the web page you want to display has disabled iFrames, you need to move to the second method.
YouTube and Google Maps are two websites that allow users to share content via an iFrame and we’ve already written about how to display Google Maps bigger than your screen.
We recommend reading our Google Maps guide because it involves the whole web page, unlike YouTube, which only lets you embed videos and not the page itself.
Create a basic web page, embed the iFrame, and increase the size
Here are the steps to take in order to make Google Maps exceed the size of your screen, but you can follow these steps for any iFrame-enabled webpage.
1. Open up a HTML text editor such as Notepad and add the code below. Then save the document as a .html file. This will create a blank web page.
<!DOCTYPE html>
<html>
<head>
</head>
<title>My Website</title>
<body>
</body>
</html>2. Go to a location on Google Maps, click on the ‘Share’ option and copy the embed code. Then paste the embed code in the body of your HTML document.
<!DOCTYPE html>
<html>
<head>
</head>
<title>My Website</title>
<body>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12088.351326260195!2d-74.0059132!3d40.7600929!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2suk!4v1709133511894!5m2!1sen!2suk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</body>
</html>3. Change the width and height values to something larger than your screen size. Then save the document and open the file in your browser to view your supersized map.
<!DOCTYPE html>
<html>
<head>
</head>
<title>My Website</title>
<body>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12088.351326260195!2d-74.0059132!3d40.7600929!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2suk!4v1709133511894!5m2!1sen!2suk" width="6000" height="4500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</body>
</html>Just remember that the URL of the web page you are targeting goes here:
<iframe src="URL"></iframe>Method 2: Use your TV as a monitor
Most people these days have TVs between 65 and 84 inches in size, which is certainly larger than the average computer monitor.
Since your TV is likely the largest screen in your home, it could be the obvious solution for displaying a web page in the largest possible size.
So, you could use your TV if you wanted to take larger screenshots than what you could take on a computer monitor.
All modern televisions can be used as a PC monitor one way or another, and smart TVs can even be connected to phones and tablets – there are plenty of online guides that show you how to do this.
Summary
iFrames are the best way to display a webpage so that is it bigger than the size of your screen. Simply create your own basic webpage, add in the iFrame code, and change the height and width attribution values.
Failing that, you could just find a bigger screen, which is likely to be your TV, and use it as a PC monitor.