Changing window size
Like many smartphones nowadays, my phone is wider than the 16:9 ratio(1280x720 for mobile and 1920x1080 for desktop), it is 1600x720pixels(20:9). And apps, browsers adapt to fill the screen fully in some way. My goal is to make it so that the page I'm viewing appears in 16:9(1280x720) ratio that almost all streaming services, video players and editors use so that when after I screen record it, I can crop the video to 16:9, including the part of the page. The rest of the page(left and right of the main page) should not have any of the content, maybe like empty or black or white as it is not being used. Is there any way to do this? NOTE the zoom in/out option simply resizes everything in the page smaller/bigger, but that still fills the screen. I've tried methods like changing the width and height in the meta tag via js, but they also do the same like zoom, making all elements smaller and bigger to still fill screen. https://imgur.com/a/EmpKT3C Here the red part is 16:9, and it is where the page should appear