如何在瀏覽器放大時防止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內聯樣式？

回答

相關問題