Question

我已经建立了一个网站。如果设备（智能手机或平板电脑）访问它，系统会将设备重定向到另一个页面（移动版本）m_index.aspx。

现在我想强制所有设备（智能手机或平板电脑）以横向模式浏览我的网站。在打开某个页面之前可以自动旋转屏幕吗？

问候

Answer 1

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);
  }
}

我这次使用过，如果你不喜欢我的方法google搜索会返回很多答案

如何强制在网站中旋转屏幕

1 个答案: