1

我在放大 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：”道具的 div 创建

编辑2：

好的，我明白了。

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

我的“可缩放”属性的 div 是我的身体标签：

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

现在的问题是，ie8 以不可能的数量改变了页面宽度的缩放。所以我使用一个 div 将所有内容包装在 body 标签内，并将上面的所有属性赋予新的 div，并从 body 标签中删除旧的属性。我没有更改我的 jquery 中的任何内容，我仍然使用 body 标签上的缩放，否则我会遇到与以前相同的问题。我不知道是什么导致了这种行为。它只存在于 ie8 中。但无论如何感谢所有读过这篇文章的人！:D

4

0 回答 0