iframe 응답, 너비가 올바르지 않음

iframe에서 반응 형으로 테스트했습니다. 내 코드는 다음과 같습니다.iframe 응답, 너비가 올바르지 않음

<html> 
<head></head> 

<body> 
    <iframe src="http://revzilla.com" height="1600px" width="100%" frameborder="0" style="padding: 0; maring: 0; border: 0"></iframe> 
</body>

하지만 내가 직접 URL을 열 때처럼 렌더링하지 않습니다.

이미지를 참조하십시오.

첫 번째 이미지 : iframe을 사용하십시오.

두 번째 이미지 : 열기를 직접.

질문 1 : 나는 그것이 내가 직접 URL을 열 때와 같은처럼 렌더링하기 위해 iframe 대응의 CSS를 수정하는 방법.

질문 2 : iframe의 콘텐츠 (iframe의 html 문서)에 액세스 할 수있는 경우. iframe을 수정하지 않고 해당 문서의 CSS를 어떻게 수정할 수 있습니까?

출처

2016-06-14 TaeV

사이트에서 부트 스트랩 또는 이와 유사한 것을 사용하고 계십니까? –

iframe 주위에 래퍼가 있습니까? 또한 질문에 [MCVE] (http://stackoverflow.com/help/mcve) 및 [How to ask] (http://stackoverflow.com/help/how-to-ask)를 따르면 더 많은 것을 할 수 있습니다. 더 빠르고 더 좋은 대답을 얻을 수 있습니다. –

@CordovanSaviour iframe 주위에 래퍼가 없습니다. – TaeV

metaviewport 태그를 iframe 원본 및 파일 자체에 포함 시켰습니까?

<meta name="viewport" content="width=device-width, initial-scale=1">

장치 화소 비율이 다음 픽셀의 양이 함께 확장 할 수 1 이상 어디 망막 장치에서 볼 경우되도록 리터 픽셀 폭, 사용자 기기 화소 비율에 의존한다는 것을 기억하라.

출처

2016-06-14 09:51:38 bitten

나는이 사이트 http://www.kingpower.com/ko/에서 당신의 제안과 같은 것을 시도해 본다. http://revzilla.com처럼 작동하지 않습니다. – TaeV

비슷한 예가 있습니까? 그 링크에서 원래 게시물에있는 것과 같은 iframe을 볼 수 없습니다. – bitten

dpr과 함께 iOS 장치를 사용하고 있다고 가정하므로'initial-scale'을'1' 대신'2'로 설정하십시오. 2 – bitten

iframe 응답, 너비가 올바르지 않음

답변

관련 문제