다음 코드를 사용할 때 내가 만드는 데 iframe:
<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
다음은 이미지를 문제:
! 스크린샷 사이트
전체 뷰포트가 충당하기 위해 사용할 수 있습니다.
<iframe src="mypage.html" style="position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
Your browser doesn't support iframes
</iframe>
이를 통해 성공적으로 표시 없음 (none) '와' 나는 추가함으로써 it js 표시하십시오 클릭하면 해당 제어입니다.
참고: # 39 의 보기 위해 parent& 칠합니다 영역 '대신' 절대 ':' (으) 로 전체 뷰포트가 변경하십시오 포지셔닝하십시오 고정식입니다 포지셔닝하십시오.:
[뷰포트가 비율 (%) 사이의길이] [1] 이를 사용할 수도 있습니다.
[5.1.2. 뷰포트가 비율 (%) 사이의길이: 이 "진동현", "vh", "우민", "v-max" 부서입니까 ] [2]
이 기준은 규모에 대한 초기 사이의길이 뷰포트가 비율 (%) >, 블럭. 블럭 변경될 때, 그들은 초기 높이나 너비에 따라 조정됩니다.
여기서 '높이' 는 '및' seabreeze 100vh 뷰포트에 거짓하였으니 100vw 너비입니다.
[ 예 여기서요 ] [3]
<! - begin 스니핏: js 숨기십시오: > 거짓값 -;
body {
margin: 0; /* Reset default margin */
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: 100vh; /* Viewport-relative units */
width: 100vw;
}
<iframe></iframe>
끝 - < 스니핏 >;!
이는 대부분의 현대 에서 지원되는 브라우저 - [지원부에서는 볼 수 있습니다.] [4].
[1]: http://www.w3.org/TR/css3-values/ # 뷰포트가 상대치 사이의길이 [2]: http://www.w3.org/TR/css3-values/ # 뷰포트가 상대치 사이의길이
[4]: http://caniuse.com/ # 성과 = 뷰포트가 부서입니까
',' = ", 0" 프라임보더 사용합니다. # 39 의 here& 전체 예:
<iframe src="mypage.htm" height="100%" width="100%" frameborder="0">Your browser doesnot support iframes<a href="myPageURL.htm"> click here to view the page directly. </a></iframe>
대신 이 코드를 사용하여 있다.
<frameset rows="100%,*">
<frame src="-------------------------URL-------------------------------">
<noframes>
<body>
Your browser does not support frames. To wiew this page please use supporting browsers.
</body>
</noframes>
</frameset>