가로 세로 화면을 방지할 때 아이폰이 자동으로 축소되는 js 코드

1128 단어 iPhone
function orientation_change() {
    var viewport = document.querySelector('meta[name="viewport"]');
    if (window.orientation == 0 || window.orientation == 180)
        viewport.setAttribute("content", "width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no");
    else if (window.orientation == -90 || window.orientation == 90)
        viewport.setAttribute("content", "width=device-height, maximum-scale=1.0, initial-scale=1.0, user-scalable=no");     
}

window.onorientationchange = orientation_change;

  
window.orientation: 이 속성은 현재 장치의 화면 방향을 보여 줍니다. 0은 세로 화면, 양과 음은 90은 가로 화면(왼쪽과 오른쪽) 모드를 나타냅니다.
 
onorientationchange: 매번 화면 방향이 가로 세로 화면 사이를 전환할 때마다 이 윈도우 이벤트를 터치합니다. 사용법은 전통적인 이벤트와 유사합니다.
 
 
#b{width:300px;height:200px;background:blue;}
@media screen and (orientation:portrait){
#b{background:red;}
}
@media screen and (orientation:landscape){
#b{background:green;}
}

 
  

좋은 웹페이지 즐겨찾기