Javascript run with certain resolution

Question

I have a javascript, and I need it to run only with resolutions under 700px.

Follow my code below:

$(document).ready(function(){
$('.menu').hide();

/* menu */
$('.menu').click(function(){
    $('.menu').slideToggle(200);
});

});

Answer 1

You can use the object window screen. to catch the screen size. In it you can use the properties width and height to get the screen size.

Example:

document.getElementById("width").innerHTML = "Width: " + screen.width + "px";

document.getElementById("height").innerHTML = "Height: " + screen.height + "px";

if (screen.width > 700) {
  document.getElementById("resultado").innerHTML = "Width é maior que 700px.";
} else {
  document.getElementById("resultado").innerHTML = "Width é menor que 700px.";
}

<p id="width"></p>
<p id="height"></p>
<p id="resultado"></p>

Answer 2

Buddy, try to take his resolve and make a simple if.

$(document).ready(function(){
var screenH = window.screen.availHeight;
var screenW = window.screen.availWidth;

if(screenW<700){
    alert('run code here');
}
});