Browser doesn't scale below 400px?

Question

I\'m working on putting together a liquid style-sheet and it works wonderful. One thing that I\'ve noticed is that my browser window in Chrome won\'t resize below 400px it j

Answer 1

The DevTools in Chrome have moved on substantially from when most of these answers were posted. The best way to address this issue now is to use the emulators that are built into Chrome.

To use the emulators open DevTools (press F12) and then click on the following icon to toggle the Device Toolbar:

This will then allow you to emulate whichever mobile device or viewport size you want to.

Answer 2

A lot of smart phones scale the page to fit into their screen size using zooming. Your minimum page width is probably 400px. Without any example code, I think that's all that can be said.

Answer 3

I was stumped as well but ended up with a simple solution. I just created a HTML file with a link to open a new window:

<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>

This new window has nothing but the address bar and Chrome lets me freely resize this down to 111x80.

Answer 4

I like this tool because it lets you switch quickly and also switches between portrait/horizontal easily for mobile sizes. It also allows you to make a personalized bookmark let, so if you design for obscure resolutions frequently, you can save them and use them.

I had to use one of these tools because even with the above answer I couldn't get my window to scale to 320 properly, this tool seems to be a faster solution overall.

http://lab.maltewassermann.com/viewport-resizer/

Answer 5

Another easy solution is to click Strg+Shift+N to enter Incognito Mode. There you can resize your Browser window as you like.

Answer 6

this may be because of the addons you installed on your browser. remove or hide all addon icons from the tool bar and try re size. when there are addons browser only resize the address bar and keeps the addons visible.

Update: 7/14/2013

---

With the latest chrome version, now you can re-size the address bar and it will hide the addons automatically.