Question

Since my website doesn’t look good at all on a small screen, I want to create a JS function that redirects me to a mobile version of the page when width of the screen is smaller than or equal to 800px.

Here is the code for it:

if (screen.width <= 800) {
  document.location ="index_mobile.html";
};

If the code works, then when I shrink down the browser window to 800px wide, the index_mobile.html should show up. But it is not showing up right now. Does anyone know what’s going on?

http://jsfiddle.net/RZMmV/

Answer 1

screen.width will return the width of the monitor, not the window, so you can’t just shrink your browser window down to get a different value. To do that, you’ll want to use window.outerWidth or something.