오늘 나는 Max-Width, Max-Height를 지원하지 않고 IE6을 해결하기 위해 JS를 사용하는 것에 대한 문제를 겪었지만, 나는 jQuery 방법으로 그것을 구현하기 시작했지만 CSS에서 값을 얻지 못했습니다. CSS의 값과 같은 CSS의 값 등 CSS의 값 등 CSS의 값 등 CSS 값 등 CSS 값과 같은 CSS 값과 같은 CSS 값과 같은 CSS의 값과 같은 CSS의 값과 같은 CSS의 값과 같은 CSS의 값과 같은 CSS의 값과 같은 예를 들어 CSS의 가치
다음과 같이 코드 코드를 복사하십시오.
if ($. browser.msie && $ .Browser.version == 6.0)
{{
var maxwidth = parseint ($ ( '. viewBigpic IMG'). css ( 'max-width'));
$ ( '. ViewBigpic IMG').
if (this). width ()> maxwidth)
$ (this). 너비 (maxwidth);
});
}
왜 그런지 모르겠습니다. CSS에서 최대 값을 얻을 수 없으며 기본 JS를 사용하여 달성 할 수 있습니다.
JS 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
<script type = 'text/javaScript'>
함수 setphotosize (Elem, 너비, 높이) {{
<!-[IE 6 인 경우]>
노력하다 {
var image = new Image ();
image.src = elem.src;
if (image.width> 0 && image.height> 0) {{
var rate = (너비/image.width <높이/image.height)?
if (rate <= 1) {
elem.width = image.width*rate;
elem.height = image.height*rate;
}
또 다른 {
elem.width = image.width;
elem.height = image.height;
}
}
} catch (e) {}
<!-[endif]->
}
</스크립트>
부품의 HTML 코드는 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
<div>
<div>
<p> <img id = "imgid"online = "setphotosize (this, 730, 470)"src = "images/viewshow.jpg"/> </p>
</div>
</div>
CSS 스타일은 다음과 같습니다.
다음과 같이 코드 코드를 복사하십시오.
.ViewBigbox {PROING : 1PX SOLID #E3E3E3;
ViewBigpic {Background-Color :#f7f7f7;
viewbigpic p {표준-셀렉션;
// 주로 글꼴 크기에서 높이의 비율을 사용하여 그림의 수직 외부를 구현합니다.
ViewBigpic P IMG {수직-균형 : MIAL-HEIGHT : 470px;