我已经建立了一个网站。如果有设备(智能手机或平板电脑)访问它,则系统会在另一个页面(移动版本)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);
}
}
我这一次用过,如果你不喜欢我的方法,谷歌搜索返回很多答案