IE6中使用position导致页面变形的解决方案(js代码)

224 阅读 0 评论 148 点赞

我是靠谱客的博主时尚老鼠，最近开发中收集的这篇文章主要介绍IE6中使用position导致页面变形的解决方案(js代码)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如图所示：

解决方案：
1.缩放窗体时先得到内容左边的空白宽度。
$("#nav").offset().left; 得到内容区左边的空白宽度。
2.得到整个窗体的宽度（注意：桌面分辨率为基准，少了加上来）。
3.用桌面分辨率的宽度-页面内容区的宽度/2，就可以得到一边多余的宽度。
4.如果得到的值跟$("#nav").offset().left;得到值不同，则可以调到两值相同。

复制代码代码如下:

 
var ietest=function() 
{ 
if ($.browser.msie) { 
if ($.browser.version == "6.0") 
{ 
var _width=document.documentElement.clientWidth+29; //桌面分辨率大小 
$("#nav").css("left",((_width-950)/2)-15); //重新设置值 
return false; 
} 
return false; 
} 
return false; 
} 
window.onresize=ietest; //缩放窗体时触发事件 