Question

if(screen.availWidth > 850){
    //Do this
} else {
    //Do this   
}

This is what I have right now. My issue right now is if someone was to zoom in to the page, I want the width to change as it will affect how the page is displayed.

Answer 1

Shouldn’t you be more worried about someone resizing their browser window? Not everyone keeps their browsers maximized.

To do this:

if( (window.innerWidth || document.documentElement.clientWidth) > 850) {
    // do something
}
else {
    // do other thing
}

I’m fairly sure this takes the zoom into account, but I’ve never tested that.