浏览器放大时如何防止CSS内联样式?

时间:2011-09-23 06:40:55

标签: css google-chrome safari zoom inline

使用Safari或Chrome时,使用“放大”视图工具时出现问题。在图像滑块上,它强制添加DIV元素的内联样式,特别是其高度(显然会覆盖任何其他样式)。

div应设置为340px,但会根据缩放级别自动将值更改为387px,然后是459px等。另请注意,图像滑块内的图像不会改变大小,其他元素也不会改变。

这个问题可以在这里看到the troubling re-dimension... 打开页面后放大1或2级,然后在缩放时点击刷新。当我检查(使用萤火虫)元素Safari和Chrome添加内联样式时:

<div id="djslider-loader40" class="djslider-loader" style="background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 387px; background-position: initial initial; background-repeat: initial initial; ">

如何从浏览器中阻止此行为?

2 个答案:

答案 0 :(得分:1)

尝试使用此代码

<div id="djslider-loader40" class="djslider-loader" style="background: none;height: 387px !important;">

答案 1 :(得分:-1)

我有类似的问题。我的div元素之一根据其内容具有内联样式高度。因此,如果我从JScript扩展内容,内容将被隐藏。感谢这个例子。当我申请身高:100%!重要时,它就像一个魅力!再次感谢。