×

关于移动端横屏信息提示

作者:Terry2015.05.12来源:Web前端之家浏览:19585评论:0
关键词:mobile

近期做了写移动端的视觉差动画页面,并且还要求是响应式的,这个对于前端是要求非常高的,但是我们发现在横屏的时候发现体验不是很完美的,然后想了下,必须要提示用户尽量用竖屏来体验,于是就得使用一下方法来处理,分享给大家:

window.onorientationchange=function(){
      var obj=document.getElementById('orientation');

      if(window.orientation==0){
                      obj.style.display='none';
              }else
              {
                      alert('横屏内容太少啦,请使用竖屏观看!');
                      obj.style.display='block';
              }
      };
做了这样的处理,便于用户调整为竖屏来体验。如果你有什么好的方法,也可以分享出来~

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/mobile-hp-tishi.html

网友评论文明上网理性发言已有0人参与

发表评论: