说明:客户有如下需求。

原来项目的布局是全尺寸自适应模式,需要更改为宽度在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);
 }
});