HTML DIV充满整个屏幕

Posted GoodByeZ

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML DIV充满整个屏幕相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <title>A Little Game!</title>
        <meta charset="utf-8" />
        <style>
            html,body{
                height:100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }
            #playground{
                background-color: blue;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div id="playground">fdsa</div>
    </body>
</html>

 

以上是关于HTML DIV充满整个屏幕的主要内容，如果未能解决你的问题，请参考以下文章

JAVA图形界面，怎么让背景图片正好充满JFrame?

前端如何让照片靠左竖着填充满屏幕

我在iframe里写了<div>标签。宽度设的是100%,却不能充满整个屏幕。而且<div>标签外部的<body>宽度是100%.

css背景图充满整个屏幕

如何使图片充满整个电脑屏幕?

一个div自动充满当前屏幕的解决方法