实现屏幕纵向横向不同时的布局切换

纵向： 介绍内容和页面主要操作区 上下排列；
横向： 介绍内容在左，页面主要操作区在右。