时间戳

首页 > 解决方案 > 如何在 css 中设置网页大小？

html - 如何在 css 中设置网页大小？

问题描述

我想增加页面的整体大小。当前网页对于屏幕尺寸来说看起来太小了。请让我知道如何使主页像普通网站一样在屏幕上全屏显示。在此处输入图像描述

这是我的代码。

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <title></title>

    <style>
       
    
        html, body{
            width: 1920px;
            height: 2476px;
            background: black;
            opacity: 1;
            margin: 0 auto;
            border: 1pt solid white;
            
            
        }
        header{
            width: 1920px;
            height: 200px;
            background: black;
            opacity: 1;
            margin: 0 auto;
            border: 1pt solid white;
        }
        header h1{
            color: aliceblue;
            text-align: center
        }
        }
    </style>

</head>
<body>
    <header> <h1>HEADER</h1> </header>


</body>
</html>

标签： htmlcss

解决方案

您已将body和header宽度设置为 1920 像素。

html,
body {
  height: 2476px;
  background: black;
  opacity: 1;
  margin: 0 auto;
  border: 1pt solid white;
}

header {
  height: 200px;
  background: black;
  opacity: 1;
  margin: 0 auto;
  border: 1pt solid white;
}

header h1 {
  color: aliceblue;
  text-align: center
}
<header>
  <h1>HEADER</h1>
</header>

推荐阅读