IE8-zoom打破了我的布局

时间:2012-07-20 05:24:46

标签: javascript css internet-explorer-8 zoom

我的放大ie8有问题。

好的,我有功能,我有3个按钮。点击那些按钮,我的网页会缩放显示该按钮后面的值。全部保存到cookie中,加载此cookie并加载整个页面中的css属性。

我的JS代码:

    var content = document.getElementById("zoomable");
document.getElementById('zoomable').style.zoom = myvalue;
document.getElementById('zoomable').style.overflow = "auto";
content.style.overflow = "auto";
document.getElementById('zoomable').style.MozTransform = 'scale('+myvalue+')';
document.getElementById('zoomable').style.MozTransformOrigin = '0 0';
document.cookie="mysize=" + myvalue;

在Chrome,IE9,IE7中一切都很好(至少看起来好像在那里,我可能错了)和FF。在ie8中,此功能会破坏我的布局。似乎缩放功能可以重新设置所有内容,而不仅仅是放大。它突破了右边的边框,并创建了一个甚至无法滚动的令人讨厌的溢出。我搜索并尝试并尝试搜索但没有任何成功。

有谁知道这个问题? (如果不清楚,我的意思是所有人都可以随意问:))

到目前为止 阿迪

编辑: 如果重要的是,我可以补充一点,我的布局不是由表组成的,而是使用带有“display-table:”prop的div创建的

EDIT2:

好的,我明白了。

如果有人遇到同样的问题,我会告诉我个人错误。

我的div为“zoomable”属性,这是我的身体标记:

margin: 10px auto;
width: 974px;
background-color: #fff;
padding: 0 12px 5px 12px;
text-align: center;
font-size: 11px;

现在的问题是,ie8通过不可能的ammounts改变了页面宽度的缩放。所以我使用div来包装body标签内的所有内容,并将上面的所有属性赋予新div并从body标签中删除旧的。我没有更改我的jquery中的任何内容,我仍然使用body标签上的缩放,否则我会遇到与以前相同的问题。 我不知道是什么导致了这个beheivor ..它只在ie8中。 但是感谢所有读过这篇文章的人! :d

0 个答案:

没有答案