说明:客户有如下需求。
原来项目的布局是全尺寸自适应模式,需要更改为宽度在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);
}
});
转载于:https://blog.51cto.com/870592772/1052075