近期做了写移动端的视觉差动画页面,并且还要求是响应式的,这个对于前端是要求非常高的,但是我们发现在横屏的时候发现体验不是很完美的,然后想了下,必须要提示用户尽量用竖屏来体验,于是就得使用一下方法来处理,分享给大家:
window.onorientationchange=function(){
var obj=document.getElementById('orientation');
if(window.orientation==0){
obj.style.display='none';
}else
{
alert('横屏内容太少啦,请使用竖屏观看!');
obj.style.display='block';
}
};
做了这样的处理,便于用户调整为竖屏来体验。如果你有什么好的方法,也可以分享出来~
网友评论文明上网理性发言已有0人参与
发表评论: