我可以强制iPad仅在横向模式下显示网站吗？

Question

我想迫使iPad仅在横向模式下显示网站？

这可能吗？

Answer 1

你可以用CSS设置：

@media only screen and (orientation:portrait){ 
    html body * { 
     display:none; 
    } 

} 
@media only screen and (orientation:landscape){ 
    /* your CSS */ 
} 

在波泰特模式下，所有elemnts将被隐藏。您可以设置<div>Switch to landscape</div>将只显示在波泰特模式

Answer 2

Safari的界面仍然会在纵向模式下，它的具有高度设置为100％的问题，但你可以在纵向模式时，这样

旋转整个html元素

html, body { 
    height: 100%; 
} 

@media screen and (orientation: portrait){ 
    html { 
     -webkit-transform: translateY(-100%) rotate(90deg);  
     transform: translateY(-100%) rotate(90deg); 
     -webkit-transform-origin: left bottom;  
     transform-origin: left bottom;  
    } 
} 

还是看http://codepen.io/ckuijjer/full/Frosl