How to detect orientation and change the css file in Javascript

To detect orientation and change the css file in Javascript you can use the following snippet.

Sample Javascript

function orient()  
{  
 switch(window.orientation){    
	case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css";  
	break;  
	case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css";  
	break;  
	case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css";  
	break;  
}
window.onload = orient();

One thought on “How to detect orientation and change the css file in Javascript

Leave a Reply