Atunci când nu utilizați următorul cod pentru a crea un iframe:
<iframe src="mypage.html" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
Iframe nu't du-te tot drumul de—o 10px alb "de frontieră" înconjoară iframe. Cum as putea rezolva asta?
Aici este o imagine a problemei:
Pentru a acoperi întregul viewport, puteți folosi:
<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>
<grevă>Și asigurați-vă că pentru a seta pagină încadrată's marjele de la 0, de exemplu, body { margin: 0; }
. - de Fapt, acest lucru nu este necesar, cu această soluție.
Eu sunt, folosind acest lucru cu succes, cu o suplimentare de display:none
și JS pentru a arăta că, atunci când utilizatorul face clic pe un control adecvat.
Notă: Pentru a umple părinte's a vizualiza zona în loc de întregul viewport, schimba poziția:fix " la " position:absolute`.
Puteți folosi, de asemenea, viewport-procent lungimi pentru a realiza acest lucru:
viewport-procent lungimi sunt relative la dimensiunea inițială conțin bloc. Atunci când înălțimea sau lățimea inițială care conține blocul este schimbat, ele sunt scalate în mod corespunzător.
Unde 100vhreprezintă înălțimea ferestrei, și, de asemenea,
100vw` reprezintă lățimea.
[Exemplu][3]
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>
Acest lucru este susținut în cele mai multe browsere moderne - suport pot fi găsite aici.
Utilizarea frameborder="0"
. Aici's un exemplu complet:
<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>
Utilizați acest cod în loc de ea:
<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>