Home >Web Front-end >JS Tutorial >How to implement javascript to call different style sheets according to the iPhone screen orientation_javascript skills
The example in this article describes how javascript implements calling different style sheets according to the iPhone screen orientation. Share it with everyone for your reference. The details are as follows:
When the iPhone screen rotates, this JS code can dynamically call different styles to adapt to the screen change
<script type="text/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(); </script>
I hope this article will be helpful to everyone’s JavaScript programming design.