关于云实验平台涉及的技术【精】

---

 

移动端横屏

 

1.强制横屏

在用户访问网页的时候通过大量的JS进行横屏操作，缺点：代码量过大，兼容性不好。参考：http://www.jianshu.com/p/9c3264f4a405

2.提示横屏

在用户访问网站时，通过@media判断，若纵向，提示打开手机自动旋转，浏览器和手机自动支持通过重力横竖屏。代码如下

@media screen and (orientation:portrait){
      这里是竖屏 
}
@media screen and (orientation:landscape){
      这里是横屏 
}