Question

我想强制iPad只以横向模式显示网站？

这可能吗？

Answer 1

您可以使用CSS设置它：

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

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

在纵向模式下，所有元素都将被隐藏。您可以将<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

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

2 个答案: