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

使用Safari或Chrome时，使用放大视图工具时遇到问题。在图像滑块上，它强制添加DIV元素的内联样式，特别是它的高度（这显然会覆盖任何其他样式）。如何在浏览器放大时防止CSS内联样式？

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

如何防止浏览器的这种行为？

来源

2011-09-23 Aurelien Schlumberger

没有任何防止浏览器缩放的真实方法，但我不确定我看到了您描述的问题。当我放大Chrome浏览器时，页面上的所有内容都将正确调整大小，并且看起来与正常缩放一样。 – Ktash

@Ktash，对不起，我忘了提及当你缩放页面并点击刷新（缩放版）时，div的高度会增加。谢谢回复！ –

尝试使用此代码

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

来源

2011-09-23 09:24:50

它就像一个魅力！我不太了解它背后的机制（背景：没有任何部分），但谢谢！ –

当你将background设置为none时，它将所有其他部分设置为初始阶段，所以你不需要编写这么多额外的CSS，并且使高度！重要将会修复它。欢呼:) –

-1

我有类似的问题的种类。根据其内容，我的一个div元素具有内联样式高度。因此，如果我从JScript中扩展内容，内容将隐藏起来。感谢这个例子。当我适用身高：100％！重要的是，它像一个魅力！再次感谢。

来源

2012-03-06 15:16:00

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

回答

相关问题