var isMobile = function() {
var w = window.innerWidth || document.body.clientWidth;
var o = 900;
if(w < o) {
return true;
}
else {
return false;
}
};
и функция инициализации
var init = function(){
if(!isMobile()){
// all your desktop stuff goes here
var desktopcss = document.createElement('link');
desktopcss.rel = 'stylesheet';desktopcss.type = 'text/css';
desktopcss.href='/desktop.css';
document.getElementsByTagName('head')[0].appendChild(desktopcss);
}
else{
// all your mobile stuff goes here
var mobilecss= document.createElement('link');
mobilecss.rel = 'stylesheet';mobilecss.type = 'text/css';
mobilecss.href='/mobile.css';
document.getElementsByTagName('head')[0].appendChild(mobilecss);
}
};
и имейте в виду, что если вы установите что-то на
display:none;
через css, оно не будет загружено и не будет отображаться!