css 在不同的分辨率下調整整體的佈局--簡單實現

說明：客戶有如下需求。

原來項目的佈局是全尺寸自適應模式，需要更改爲寬度在1024一下自適應，分辨率大於1024的屏幕就保持在1024，居住顯示。高度保持原來自適應。(自適應模式:瀏覽器不是最大化的情況下，沒有滾動條),（目的：瀏覽器在不是最大化的情況下，可以有滾動條）

1、原來的樣式不變。

2、js調整：代碼如下

①自己寫個js文件，在全部頁面導入即可:

$(function (){
 if(screen.width < 1024){
  var html = $("html");
  html.append("<style type=\"text/css\">" +
    " .asd{ width :1000px;overflow:scoll;}" +
    "</style>");
  
  html.addClass("asd");
  //alert(screen.width);
 }
});