使用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; ">


如何防止浏览器出现此行为?

最佳答案

尝试使用此代码

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

关于css - 浏览器放大时如何防止CSS内联样式?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7525208/

10-13 01:42