在我们近期的一个h5切图的项目中，因为h5手机网站在竖屏下的效果最好 ，横屏下体验不好，那么如果能够在用户横屏浏览的时候，给一个提示：请竖屏浏览获得更加体验。那就可以很好的解决了。
网上很多js解决方案和css多媒体查询但是需要一个个测试，以下是亲测有效的做下笔记
@media (max-width:1000px) and (orientation: portrait) {
当屏幕小于1000并且为竖屏的时候。。
}
@media (max-width:1000px) and (orientation: landscape) {
当屏幕小于1000并且为横屏的时候。。
}
原文：http://www.cnblogs.com/qieban/p/7073994.html