Breaking News: Grepper is joining You.com. Read the official announcement!

iframe fullscreen

Add Answer

Determined Dove answered on July 6, 2021 Popularity 9/10 Helpfulness 6/10

answer iframe fullscreen

related html iframe full page

related iframe - Full Screen - HTML

iframe fullscreen

Comment

Set overflow-y: hidden for the container and make iframe full width and height using vw and vh css units respectively.

<html>
<head>
<style>
    #ifr {
      width: 100vw;
      height: 100vh;
    }
    body {
      margin: 0;
      padding: 0;
      overflow-y: hidden;
    }
  </style>
</head>
  <body>
    <iframe
      id="ifr"
      src="https://exapmle.com"
      frameborder="0"
    ></iframe>
  </body>
</html>

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: fullscreen html iframe

Link to this answer
Share Copy Link

Contributed on Mar 06 2023

Determined Dove

0 Answers Avg Quality 2/10

Closely Related Answers

html iframe full page

Comment

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

Popularity 10/10 Helpfulness 10/10 Language html

Source: stackoverflow.com

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 06 2021

Brave Booby

0 Answers Avg Quality 2/10

iframe - Full Screen - HTML

Comment

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

Popularity 10/10 Helpfulness 7/10 Language html

Source: cp.grupo.host

Tags: html

Link to this answer
Share Copy Link

Contributed on Sep 04 2021

Nervous Newt

0 Answers Avg Quality 2/10

iframe fullscreen

Contents

More Related Answers

iframe fullscreen

Closely Related Answers

html iframe full page

iframe - Full Screen - HTML

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.