html标题如何定位,在HTML中的自动定位标题图像

我了解当前代码背后的思维过程，但是，您正在接触的问题都是错误的。你应该使用CSS媒体查询来调整你的标题，如果你正在寻找精细的控制取决于屏幕大小。

既然你只有一个图像，并没有包括图像的尺寸或它应该出现在标题中，我会假设你希望它是标题的整个宽度。

此外，最大宽度不应超过100％。这里是我将如何重组你的代码：

注意：如果这不能解决你的问题，你需要调整你的图像的大小。如果你的图像很小，它不会填满整个屏幕。

html:

CSS:

.thumbnail {

display:block;

/* set width to 100% */

max-width: 100%;

height: auto;

width: auto;

}

header {

/* padding:0px 250px 0px; */

padding-bottom: 250px;

margin: 0;

/* set width of the header to 100% */

width: 100%

}