브라우저를 확대 할 때 CSS 인라인 스타일을 방지하는 방법?

Safari 또는 Chrome을 사용할 때 확대보기 도구를 사용할 때 문제가 있습니다. 이미지 슬라이더에서 DIV 요소의 인라인 스타일과 특히 높이 (다른 스타일보다 우선 함)를 추가해야합니다.브라우저를 확대 할 때 CSS 인라인 스타일을 방지하는 방법?

div는 340px로 설정해야하지만 줌 레벨에 따라 자동으로 값이 387px, 459px 등으로 변경됩니다. 또한 이미지 슬라이더 내의 이미지는 크기가 변경되지 않으며 다른 요소도 변경되지 않습니다.

문제는 여기에서 볼 수 있습니다. the troubling re-dimension... 페이지를 연 다음 페이지를 1 또는 2 단계로 확대 한 다음 확대/축소하는 동안 새로 고침을 누르십시오. 내가 요소 사파리와 크롬 (개똥 벌레와 함께) 검사 때 인라인 스타일을 추가합니다

<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

그것은 매력처럼 작동합니다! 나는 그것의 뒤에있는 기계공 (배경 : 아무도없는 부분)을 이해하지만, 고마워! –

배경을 none으로 설정하면 다른 모든 부분을 초기 단계로 설정하므로 추가 CSS를 작성할 필요가 없으므로 height! important로 수정하면됩니다. 건배 :) –

-1

를 사용해보십시오. 내 div 요소 중 하나는 내용을 기반으로 인라인 스타일의 높이를가집니다. 따라서 JScript에서 콘텐츠를 확장하면 콘텐츠가 숨겨집니다. 예제 덕택입니다. 높이 : 100 %를 적용하면 중요하지만 매력적으로 작용했습니다. 다시 한번 감사드립니다.

출처

2012-03-06 15:16:00

브라우저를 확대 할 때 CSS 인라인 스타일을 방지하는 방법?

답변

관련 문제