iframe, img, div 크기 줄이기

iframe, img, div 크기 줄이기

QA

iframe, img, div 크기 줄이기

답변 2

본문

안녕하세요

<div class="main">

<iframe frameborder="0" width="700" height="250" src="http://xxx" scrolling="no" marginwidth="0" marginheight="0" border="0"> 

</div>


위 코드 인데요

제 사이트는 가로가 600 입니다.

div에서 width:600px

를 주면 iframe 이미지 오른쪽 100px이 잘려버리네요

이미지를 자르지 않고 600px로 축소 하는 방법이 있을까요?

이 질문에 댓글 쓰기 :

답변 2

<iframe id="fr" 

 

<script>

$('#fr').load(function() {

  var width = $('.main').width();

  $('#fr').contents().find('img').each(function() {

    if ( $(this).width() > width) $(this).width(width);

  });

});

</script>

<iframe id="fr" frameborder="0" .....................>
<script>
$('#fr').load(function() {
  var width = $('.main').width();
  $('#fr').contents().find('img').each(function() {
    if ( $(this).width() > 661) $(this).width(660);
  });
});
</script>

이렇게 해봤는데 안되네요 ㅜㅜㅜ

iframe 너비가 700 으로 잡혀서 그런 것 같네요.

 

걍 100%로 줘보세요.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 20
© SIRSOFT
현재 페이지 제일 처음으로