Html 仅在放大时显示标题
我有以下HTML/CSS代码片段Html 仅在放大时显示标题,html,css,Html,Css,我有以下HTML/CSS代码片段 <div class="glob-header"> <p><?php echo $siteName; ?></p> </div> 这将显示。 我的问题是,当我放大屏幕足够远时,只显示蓝色标题,即使当我向下滚动时,我也不会到达标题下面的空白网站体。我已经有过很多次这样的问题,有人能提供一个解决方案吗?谢谢正如ajc所说,立场:绝对会给你带来麻烦。如果你想让它在不同大小的屏幕上工作,你也应该考虑一
<div class="glob-header">
<p><?php echo $siteName; ?></p>
</div>
这将显示。
我的问题是,当我放大屏幕足够远时,只显示蓝色标题,即使当我向下滚动时,我也不会到达标题下面的空白网站体。我已经有过很多次这样的问题,有人能提供一个解决方案吗?谢谢正如ajc所说,立场:绝对会给你带来麻烦。如果你想让它在不同大小的屏幕上工作,你也应该考虑一个更具响应性的设计。如果您要使用大小完全不同的屏幕(显示器与手机),您可能需要查看CSS媒体查询
是的,这是因为它的位置是绝对的。它将始终被固定在顶部。缩小或更新您的位置。
.glob-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
background-color: #009AFF;
height: 200px;
word-wrap: break-word;
}
.glob-header p {
font-size: 60px;
color: white;
text-align: center;
}