我都是用rem，淘寶的那套方案

推薦使用rem
在頁(yè)面加載之前加載如下js代碼即可

~function() {
  var initRootElementFontSize = window.onresize = function () {
    var clientWidth = document['documentElement' || 'body'].clientWidth;
    (clientWidth > 750) && (clientWidth = 750);
    document['documentElement' || 'body'].style.fontSize = clientWidth / 7.5 + 'px';
  };
  initRootElementFontSize();
}();

框架甚多，挑一精用就可以的

用rem布局就好，我之前回答過(guò)類似的問(wèn)題，很詳細(xì)的。你可以看下！https://segmentfault.com/q/10...

通過(guò)css實(shí)現(xiàn)布局和樣式修改？

@media all and (orientation : landscape) { 

h2{color:red;}/*橫屏?xí)r字體紅色*/

} 

@media all and (orientation : portrait){ 

h2{color:green;}/*豎屏?xí)r字體綠色*/

}