gpt4 book ai didi

css - 全屏标题部分

转载 作者:太空宇宙 更新时间:2023-11-04 13:59:10 26 4
gpt4 key购买 nike

我试图在我的页面顶部制作一个全屏标题部分,但我无法让它适用于所有设备/显示器。这样做的行业标准是什么,javascript,css?有没有我应该使用的设定高度?现在,我的方式适用于除移动设备以外的所有设备,它会在页面上一次又一次地重复。

<body>
<header>
<h1>Logo</h1>
</header>
<div id="page">
<p>content</p>
</div>
</body>
<style>
header {
hieght:100vh;
width:100%;
background-image:url('image.png');
background-size:cover;
}
</style>

最佳答案

您需要定义 100% 的含义,现在它表示页眉的宽度是 100% 的空值。添加

body{
width: 100%;
}

你也拼错了高度。

这是我的做法。

<body>
<header>
<h1>Logo</h1>
</header>
<div id="page">
<p>content</p>
</div>
</body>
<style>
body{
width: 100%;
height: 100%;
}
header {
height:100%;
width:100%;
background: green;
background-size:cover;
}
</style>

笨蛋 here .将 BG 切换为绿色以使其可视化。

关于css - 全屏标题部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21640103/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com