这个问题很可能是由于CMS中已经设置了样式(样式表或行内样式),而Codepen中的样式覆盖或由于遗漏而不能适应。
最简单的解决方法是在CSS样式表中加入以下代码:
border-style: none;
content: "";
display: block;
height: 30px; /*根据需要调整或省略*/
margin-top: -15px; /*根据需要调整或省略*/
position: absolute;
top: 50%; /*根据需要调整或省略*/
width: 100%;
z-index: -1;
以上代码可应用于多种CMS和Codepen环境中,用于创建整个屏幕的可响应的网站头部。