html - 如何使背景图像完整出现

Question

当我想要标题并且标题下方有图像时，我遇到了问题。当图像宽度大于标题宽度时，会出现滚动条。当您向右滚动时，标题中有空白区域。 here示例问题。

问题是每个页面都有不同宽度的图像。当我在标题上使用最大图像宽度时，会出现水平滚动。

Answer 1

如果我是你，我会将标题设置为固定大小或 100% 宽度大小，并对图像执行相同的操作。

您还可以在图像上使用属性 max-width，这样她的大小就不能超过 100%:在您的 fiddle 示例中添加以下规则(在 css 中):

img {
    max-width: 100%;
}