问题
代码如下
$(window).resize(function(){
var searchBoxWidth = $(".SearchBox").width();
var windowWidth = $(window).width();
var btnBoxHeight = $(".BtnBox").innerHeight();
var windowHeight = $(window).height();
console.log("btnBoxHeight:",btnBoxHeight);
$(".BtnBox").css("width", windowWidth - searchBoxWidth - 60);
$(".RectBody").css("top", btnBoxHeight);
$(".RectBody").css("width", windowWidth - 100);
$(".RectBody").css("height", windowHeight - btnBoxHeight - 80);
})
思路是缩放窗口后将导航栏分栏(假如搜索框与导航栏标签相遇,将导航栏分为两列),下方rectbody部分下移
拖拽页面,完美适配
点击浏览器右上方向下还原按钮,出现错误
解决方法
很明显下方div未上移
后台输出发现是btnbox高度获取出错
resize()说明
只针对浏览器拖拽!!!!!
解决方案
破案了,铁憨憨如我div里加了个position:absolute,删了就好了