最近在做一个pad端网页的切图
要求适配所有主流pad，横屏
之前我做手机端的适配方案是用rem + media query ，如下:
html { height:100%; font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:100px; }
/* iphone 6 */
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
html{font-size: 117.1875px;}
}
/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
html{font-size: 129.375px;}
}
请教一下各位，pad端的media query方案有现成可供参考的吗？其他方法呢？
另外怎样让网页强制横屏？