Hallo semua, kali ini mpu-nya mau share lagi nih
kali ini tentang CSS dan JQuery untuk meng-handle screen orientasi untuk tampilan web menggunakan JQuery.

$(document).ready(function(){
   $('body').append('<div id="screencss"></div>');
   adjustCSS();
   $(window).resize(function(){ adjustCSS() });
})
function adjustCSS(){
   var pageWidth = $(window).width();
   var sizeSelected = "css/blue-800.css";
   if (pageWidth > 900) { sizeSelected = "css/blue-1024.css"; }
   if (pageWidth > 1010) { sizeSelected = "css/blue-1280.css"; }
   if (pageWidth > 1420) { sizeSelected = "css/blue-1600.css"; }
   $("#screencss").html('');
}

Referensinya dari sini
Silahkan dicoba ^_^