Question

For an html page, $(window).width() is giving different values when its hosted on server.
My laptop’s resolution is 1920 X 1080.
When I open the page locally on Firefox and Chrome, the width is shown as 1920. The same page when I hosted on a server and when its opened, the width is shown as 1097. Why is this difference? Due to this difference the whole layout of the page is different. How I can solve this?

P.S When the page is opened in IE, the width is same on local and server.
I’m using Zurb’s foundation framework (3.2).

Answer 1

jS not run into the server window has some property for Width like this

window.outerWidth
window.innerWidth

that change on re size browser screen with get log from window you can see all property in developer tools

console.log(window);