집 >웹 프론트엔드 >JS 튜토리얼 >모든 주요 브라우저에서 IFrame 높이를 브라우저 창의 100%로 설정할 수 있습니까?

모든 주요 브라우저에서 IFrame 높이를 브라우저 창의 100%로 설정할 수 있습니까?

Can IFrame Height Be Set to 100% of the Browser Window Across All Major Browsers?

100% 높이 전체 화면 iFrame

문제: iframe의 높이를 100%로 설정하여 전체 브라우저 창을 차지할 수 있습니까? , 모든 주요 브라우저(IE, Firefox, Safari)?

답변: 예, iframe 속성에서 height="100%" 설정은 일반적으로 모든 주요 브라우저에서 작동합니다.

브라우저 지원:

HTML에 대한 올바른 DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

예 코드:

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

스크롤 막대 숨기기:

스크롤 막대를 완전히 숨기고 iframe 높이가 자동으로 설정되도록 하려면 다음 접근 방식을 사용할 수 있습니다.

예시 1:

<body>

예 2(대안):

<body>

이러한 접근 방식은 iframe의 오버플로 및 위치 스타일 설정에 의존하여 다음을 보장합니다. 높이를 100% 유지하면서 스크롤바가 숨겨집니다.

위 내용은 모든 주요 브라우저에서 IFrame 높이를 브라우저 창의 100%로 설정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：