Question

我的网站是响应式的，但是我的背景图像比屏幕（或浏览器）延长了时间，这使得浏览器底部有滚动条，因为右边有一个额外的部分宽度？我的主要内容是回应。所以这个额外的部分只是背景图像。如果我添加“background-repeat：no-repeat;”然后在右边还有额外的白色部分仍然是额外的有滚动条如果我删除了背景图像，则还有一个额外的白色部分向右延伸。

这是我的style.css

html {
    -webkit-font-smoothing: antialiased;
    text-rendering:optimizeLegibility;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: black;
    background: url(../images/wood_background.jpg);
}

Answer 1

您可以使用

调整宽度

示例：background:size:100% 100%

您可以调整百分比，以便相应地调整图像

为什么背景图像宽度比屏幕（浏览器）更长？

1 个答案: