如何在應用程序和我們的網站禁用定位景觀？

我想禁用方向：在我們的應用程序和網站使用jQuery的風景。所以請幫助我在應用程序和網站禁用。如何在應用程序和我們的網站禁用定位景觀？

2016-10-14 Praveen Kumar Tripathi

顯示你的代碼。 – Dave

我不知道任何禁用代碼，所以我沒有代碼，所以請幫助我.. –

我不知道它會工作，但試試這個

<head> 
<style type="text/css"> 
#landscape{ 
     position: absolute; 
     top: 0px; 
     left: 0px; 
     background: #000000; 
     width: 100%; 
     height: 100%; 
     display: none; 
     z-index: 20000; 
     opacity: 0.9; 
     margin:0 auto; 
} 
#landscape div{ 

     color: #FFFFFF;         
     opacity: 1; 
     top: 50%; 
     position: absolute; 
     text-align: center; 
     display: inline-block; 
     width: 100%; 
} 
</style> 
<script>   
     function doOnOrientationChange() 
     { 
     switch(window.orientation) 
     { 
      case -90:     
       document.getElementById("landscape").style.display="block"; 
       break; 
      case 90:    
       document.getElementById("landscape").style.display="block";     
       break; 
     default:     
       document.getElementById("landscape").style.display="none"; 
       break;        
     } 
     } 

     //Listen to orientation change 
     window.addEventListener('orientationchange', doOnOrientationChange); 

    </script> 
</head> 
<body onload="doOnOrientationChange();"> 
<div id="landscape"><div>"Rotate Device to Portrait"</div></div> 
</body>

來源

2016-10-14 12:00:17 Dave

謝謝你，這個代碼工作。 –

歡迎你.... – Dave

對不起，您無法強制定位網頁，但您可以在用戶處於橫向模式時顯示內容中的某些信息。

要做到這一點的媒體查詢採取的幫助和檢查方向，在山水樣式表（style_landscape.css）隱藏一切顯示，您的應用程序不能在景觀中打開一條消息，用戶必須恢復到肖像模式繼續。

<link rel="stylesheet" type="text/css" href="css/style_landscape.css" media="screen and (orientation: landscape)"> 
<link rel="stylesheet" type="text/css" href="css/style_portrait.css" media="screen and (orientation: portrait)">

來源

2016-10-14 11:49:34

如何在應用程序和我們的網站禁用定位景觀？

回答

相關問題