说明：客户有如下需求。

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

说明：客户有如下需求。 原来项目的布局是全尺寸自适应模式，需要更改为宽度在1024一下自适应，分辨率大于1024的屏幕就保持在1024，居住显示。高度保持原来自适应。(自适应模式:浏览器不是最大化的情况下，没有滚动条),（目的：浏览器在不是最大化的情况下，可以有滚动条） 1、原来的样式不变。 2、js调整：代码如下 ①自己写个js文件，在全部页面导入即可: $(function (){ if(screen.width < 1024){ var html = $("html"); html.append(" "); html.addClass("asd"); //alert(screen.width); } });
说明：客户有如下需求。 原来项目的布局是全尺寸自适应模式，需要更改为宽度在1024一下自适应，分辨率大于1024的屏幕就保持在1024，居住显示。高度保持原来自适应。(自适应模式:浏览器不是最大化的情况下，没有滚动条),（目的：浏览器在不是最大化的情况下，可以有滚动条） 1、原来的样式不变。 2、js调整：代码如下 ①自己写个js文件，在全部页面导入即可: $(function (){ if(screen.width < 1024){ var html = $("html"); html.append(" "); html.addClass("asd"); //alert(screen.width); } });