Databases
StackOverflow2013
Postsdbo
POHow do you resize a browser window so that the inner width is a specific value
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do you resize a browser window so that the inner width is a specific value
    text
    copied!<p>If you are just here to tell me on why resizing a window is a bad idea, obnoxious, and the web-equivalent of nails on a chalk board, then please go away. I am looking for a solution not a lecture. This is to be used in a intranet setting only. Specifically, to debug and then demo responsively designed web sites (sites that use media queries to scale) to clients for review via a web meeting. I want to demo specific break points. This is not to be unleashed on the general public.</p> <p><strong>Things I already know:</strong></p> <ol> <li>You can only resize and position windows opened via javascript, not by the user. (unless they adjust their security settings, which is not an option)</li> <li>When you use window's resizeTo() method, the browser is resized to the specified dimensions. The viewport is often significantly smaller (like 30 to 100 pixels smaller on average) However, I want to resize the viewport to a specific size.</li> <li>The browser, browser version, platform, some plugins, and various menu's and tool bars will alter the viewport's dimensions. More menus and tool bars means the viewport width is smaller.</li> </ol> <p><strong>Possible Solution:</strong></p> <ol> <li>Find the browser's width and height </li> <li>Find the viewport's width and height </li> <li>Determine the difference between the two.</li> <li>Adjust the values in my call to resizeTo() accordingly</li> </ol> <p>I need help with step 1. Everything else I can figure out. I'm also using jQuery and modernizer if that helps.</p> <p>Thanks in advance for your help!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload