联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

关于移动端横屏信息提示 - Web前端

作者:98wpeu发布时间:2026-05-09分类:网页前端技术浏览:10


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

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

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

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


网页前端技术排行
最近发表
网站分类
标签列表