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

【问题标题】：How to force rotate of the screen in web site如何在网站中强制旋转屏幕
【发布时间】：2016-10-21 09:04:39
【问题描述】：

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

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

问候

【问题讨论】：

标签： javascript html css device-orientation

【解决方案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);
  }
}

我之前用过这个，如果你不喜欢我的方法谷歌搜索返回很多答案

【讨论】：

如果我尝试在我的 css 文件中使用您的代码，我在第二点 #only 屏幕和 (body....
用一些 css 发布你的 html，然后我们就可以看到出了什么问题
因为有语法错误：@media only screen and (orientation: landscape) {，正文在下一行。我不确定是否需要针对景观。