재정의 CSS 높이 0와 폭 0

워드 프레스 테마의 특정 스타일 시트 파일은 내가 가진 비디오 임베디드 <iframe> 태그를 표시하는 사용자 정의 CSS 파일에서이 메소드를 오버라이드 (override)하기 위해 노력하고있어재정의 CSS 높이 0와 폭 0

.padder iframe { 
    height: 0; 
    width: 0; 
}

다음과 같은 코드가 있습니다 높이 & 너비 속성.

<iframe src="...." width="600" height="338" frameborder="0" title="...." webkitallowfullscreen mozallowfullscreen allowfullscreen>

은 내가 height 및 width 모두 auto을 시도하지만은 iframe을 작게한다.

CSS에서 이것이 가능하지 않으면 jquery 솔루션을 사용할 준비가되었습니다.

출처

2014-01-06 A.Jesin

당신이 크기를 조절하려는 경우 iframe의 콘텐츠 크기가 너무 쉽지는 않습니까? – adeneo

@adeneo 높이 및 너비 특성에 언급 된 정적 크기로 iframe의 크기를 조정하려고합니다. –

iframe 너비 및 높이 특성이 CSS 특성을 재정의하지 않습니다. 이 시도 : 문제가 해결되지 않으면

<iframe style="width: 600px; height: 338px" ...

는 CSS 당신이 시도하고 0 높이/폭 (파이어 폭스 나 크롬 개발 도구를 시도)

당신의 CSS 후로드되고 있지 않은지 확인 무시 게시하시기 바랍니다

최소 너비와 최소 높이를 고려 했습니까?

다른 모든 경우의 jQuery 솔루션은 실패

jQuery('iframe').each(function() { 
    var $this = jQuery(this); 
    var w = $this.prop('width'); 
    var h = $this.prop('height'); 
    $this.css({width: w + 'px', height: h + 'px'}); 
});

출처

2014-01-06 20:32:31 jedifans

가 iframe을에 ID를 부여하고 시도

#iframe_id{ 
height: 200px; 
width: 200px; 
}

또는

#iframe_id{ 
height: 200px !important; 
width: 200px !important; 
}

출처

2014-01-06 20:54:03

스타일 시트에서 고정 높이와 너비를 사용하는 것은 옵션이 아닙니다. WordPress는 크기를 동적으로 설정하고 높이 및 너비 속성 형태로 프런트 엔드에 인쇄합니다. –

재정의 CSS 높이 0와 폭 0

답변

관련 문제