[Mobile] - 모바일웹 회전각도별 CSS 적용법
카테고리 없음 2011. 9. 19. 09:29반응형
<script type="text/javascript">
function orient()
{
switch(window.orientation){
case 0: document.getElementByld("orient_css").href="css/iphone_portrait.css";
break;
case -90: document.getElementByld("orient_css").href="css/iphone_landscape.css";
break;
case 90: document.getElementByld("orient_css").href="css/iphone_landscape.css";
break;
}
}
window.onload=orient();
</script>
<body onorientationchange="orient()";>
</body>
function orient()
{
switch(window.orientation){
case 0: document.getElementByld("orient_css").href="css/iphone_portrait.css";
break;
case -90: document.getElementByld("orient_css").href="css/iphone_landscape.css";
break;
case 90: document.getElementByld("orient_css").href="css/iphone_landscape.css";
break;
}
}
window.onload=orient();
</script>
<body onorientationchange="orient()";>
</body>
반응형