집 >웹 프론트엔드 >JS 튜토리얼 >다양한 브라우저에서 전체 화면 Iframe을 안정적으로 생성하려면 어떻게 해야 합니까?

다양한 브라우저에서 전체 화면 Iframe을 안정적으로 생성하려면 어떻게 해야 합니까?

How Can I Reliably Create a Full-Screen Iframe Across Different Browsers?

높이가 100%인 전체 화면 iframe

질문:

iframe을 사용할 수 있나요? 100% 높이의 모든 주요 브라우저(IE, Firefox, Safari), 다음 HTML 코드 사용:

<iframe src="xyz.pdf" width="100%" height="100%" />

답변:

높이가 100%인 iframe을 사용하는 것은 모든 브라우저에서 보편적으로 지원되지 않습니다. 전체 화면 iframe을 구현하려면 다음 접근 방식을 고려하세요.

방법 1:

<body>

방법 2:

<body>

숨기기 스크롤바:

높이 설정 외에도 다음을 수행하여 스크롤바를 숨길 수 있습니다.

옵션 1:

<iframe src="http://www.youraddress.com" frameborder="0">

옵션 2:

<body>

이것은 메소드는 iframe이 상위 본문의 크기를 초과하도록 만들고 본문의 Overflow:hidden 속성을 사용하여 돌출된 영역을 숨겨 스크롤 막대를 숨깁니다.

위 내용은 다양한 브라우저에서 전체 화면 Iframe을 안정적으로 생성하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：