<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Iframe Height 100%</title> <style> /* HTML, body, and parent container must all have 100% height */ html, body { height: 100%; margin: 0; } .iframe-container { height: 100%; width: 100%; } iframe { height: 100%; width: 100%; border: none; /* optional, removes the iframe border */ } </style> </head> <body> <div class="iframe-container"> <iframe src="/gradio"></iframe> </div> </body> </html>