近期接到项目好多是要求响应式，其中有一个项目是写移动端的视觉差动画页面，这个对于前端是要求非常高的，但是横屏的时候，用户体验比较不理想，经过考虑，我还认为有必要提示用户竖屏体验得更好，我是用着样的方法处理，在这里分享给大家：

window.onorientationchange=function(){

var obj=document.getElementById('orientation');

if(window.orientation==0){

obj.style.display='none';

}else

{

alert('横屏内容太少啦，请使用竖屏观看！');

obj.style.display='block';

}

};

不知道大家有什么更好的方法，便于用户调整为竖屏来体验。如果你有什么好的方法，不妨告诉大家

文/丁向明

做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833

http://dingxiangming.com