Question

我希望我的标题符合我的屏幕尺寸。因为背景大小设置在＆＃34;覆盖＆＃34;它实际上会自动加宽，无论屏幕的大小，但高度都不适合。（顺便说一句，对不起我的英语不好。）我必须在＆＃34;标题td＆＃34;中加入高度内容。部分，但我该怎么解决这个问题？我希望它足够清楚......

CSS：

#header-wrap {
    background:url(haderimage.jpg)no-repeat center;
    background-size:cover;
    box-shadow:inset 0 0px 0px rgba(0,0,0,0.3);
}

.wsite-custom-background #header-wrap {
    background: none;
}

#header {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    height:100%;
}

#header td {
    vertical-align: middle;
    text-align: left;
    height: 500px;
}

Answer 1

您确实知道HTML5自动构建了header代码吗？

无论如何，听起来像边距或填充问题，可能只是在宽度上添加几个像素。尝试在css顶部进行重置：

*{
margin: 0;
padding: 0;
}

这有时会使加载变慢（我个人从未注意到任何差异），所以如果它没有帮助，就摆脱它。否则，您可以尝试隐藏多余的宽度。在您的身体标签上，您可以尝试隐藏溢出。这应该会停止页面水平滚动，但以后可能会导致更多宽度问题。

body{
overflow-x: hidden;
}

CSS标头不适合屏幕尺寸

1 个答案: