No matter what you resize your browser to, you have to scroll to see additional content. You end up doing something like this: yuck
Cool. Let’s do it.
First, you’ll want to bring up your developer tools. To do this:
(If you’re unable to do this, you may have to click the three dots or some menu, depending on your version of OS, go to More Tools and then click Developer Tools).
Next, you’ll see something like this.
Click the icon that has a phone and tablet in it: it looks like two rectangles.
You should see a border towards the top of your window now. It should say “Responsive” in the left top area. If it does not, click that and choose Responsive from the list.
Next, find the three dots that is in this same bar on the right and click it.
Choose Capture full size screenshot
There you go. Now you’ll see something like this:
One small caveat: It’s possible that this method won’t work if a programmer didn’t account for limiting the height, but this is probably rare. For the nerds: if you used 100vh, the chrome view port will still be 100vh when it launches to take the screenshot, so the element will likely stretch that entire height as well.
Return to All Posts