实现iframe的100%高度和宽度 满屏显示

1.

1. <style>
   
2. body {
   
3. margin: 0; /* Reset default margin */
   
4. }
   
5. iframe {
   
6. display: block; /* iframes are inline by default */
   
7. background: #000;
   
8. border: none; /* Reset default border */
   
9. height: 100vh; /* Viewport-relative units */
   
10. width: 100vw;
    
11. }
    
12. </style>
    
13. <iframe src=""></iframe>

复制代码

2.

1. <meta name="viewport"content="width=device-width">
   
2. <style>
   
3. html,iframe,body{margin:0;height:100%;width:100%;overflow:auto!important;border:0}
   
4. body::-webkit-scrollbar{opacity:0;width:1px}
   
5. </style>
   
6. <iframe scrolling="yes"src=""></iframe>

复制代码