Forum

Cod: Selectaţi tot

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" media="only screen and (max-width: 601px)" href="template/style_mobile.css" />
<link rel="stylesheet" media="only screen and (min-width: 602px)" href="template/style_pc.css" />

Cod: Selectaţi tot

// returns an object with height and width of the window
function winSize() {
 // returns an object with height and width of the window
  var win_size = {};
  if (self.innerHeight) {
    win_size.height = self.innerHeight;
    win_size.width = self.innerWidth;
  } else if (document.documentElement && document.documentElement.clientHeight) {
    win_size.height = document.documentElement.clientHeight;
    win_size.width = document.documentElement.Width;
  } else if (document.body) {
    win_size.height = document.body.clientHeight;
    win_size.width = document.body.clientWidth;
  }
  return win_size;
}
var win_size = winSize();

//In this function you can add JS settings to be executed according to window width (win_w)
var setOnDevice = function(win_w){
  if(win_w < 601){
    //sets for mobile..
  }
  else {
    //sets for desktop...
  }
}
setOnDevice(win_size.width);

// when Resize browser, call function setOnDevice()
window.addEventListener('resize', function(e){
 win_size = winSize();
 setOnDevice(win_size.width);
});