Как предотвратить CSS встроенный стиль при увеличении браузера?

Question

При использовании Safari или Chrome у меня возникла проблема при использовании инструмента просмотра с увеличением. На ползунке изображения он заставляет добавить встроенный стиль элемента DIV и, в частности, его высоту (которая явно переопределяет любые другие стили).

div должен быть установлен на 340px, но автоматически изменяет значение на 387px, затем 459px и т. Д. Постепенно, в зависимости от уровня увеличения Также обратите внимание, что изображения в ползунке изображения не меняют размер, и другие элементы тоже не меняются.

Эту проблему можно увидеть здесь тревожное изменение размеров ... После открытия страницы увеличьте масштаб на 1 или 2 уровня, затем нажмите «Обновить» во время масштабирования. Когда я проверяю (с помощью firebug), элемент 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; ">

Как предотвратить это поведение в браузере?

Answer 1

попробуйте использовать этот код

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

Answer 2

У меня была похожая проблема.Один из моих элементов div имел встроенную высоту стиля в зависимости от его содержимого.Следовательно, если я раскрою содержимое из JScript, содержимое будет скрыто.Благодаря примеру.Когда я применяю высоту: 100%! Важно, это работает как шарм!Еще раз спасибо.