我已经建立了一个网站。如果有设备(智能手机或平板电脑)访问它,则系统会在另一个页面(移动版本)m_index.aspx中重定向该设备。

现在,我想强制所有设备(智能手机或平板电脑)以横向模式显示我的网站。是否可以在打开某些页面之前自动旋转屏幕?

问候

最佳答案

body { display:block; }
@media only screen and (orientation:portrait){
  body {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (body {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }
}


我这一次用过,如果你不喜欢我的方法,谷歌搜索返回很多答案

10-05 20:47
查看更多