[Html] "전체 화면"<iframe>


Answers

전체 뷰포트를 덮으려면 다음을 사용할 수 있습니다.

<iframe src="mypage.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;">
    Your browser doesn't support iframes
</iframe>

그리고 프레임 된 페이지의 여백을 0으로 설정하십시오 (예 : body { margin: 0; } body { margin: 0; } . - 사실,이 솔루션은 필요하지 않습니다.

추가 display:none 와 함께 이것을 성공적으로 사용하고 display:none 사용자가 적절한 컨트롤을 클릭 할 때 표시하는 JS 및 display:none .

Question

iframe을 만들 때 다음 코드를 사용할 때 :

<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>

iframe이 완전히 이동하지는 않습니다. 흰색의 "경계선"이 10 픽셀 인 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>



다음 속성을 추가하십시오.

scrolling="no"



frameborder="0" 사용하십시오. 전체 예제는 다음과 같습니다.

    <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>