Question

我尝试将相同的样式表应用于几个不同的页面。我已将此代码粘贴到我的css文件中：

  body {
    background-image: url("../backgroundp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top, center;
    background-color: black;
}

这给了我想要的图像作为我想要它的位置的背景。但是，在我使用html的两个页面中，我确信我链接到这个样式表，背景完全不同。我使用它链接到<head>部分中所有html页面上的样式表：

<link rel="stylesheet" type="text/css" href="css/thermostat.css">

我真的不知道为什么在这些页面上有所不同。我使用html和css相当新，所以我真的不知道如何解决这个问题。

编辑：这是我正在谈论的网页。我正在制作移动使用的页面，这就是为什么我特别包含那个部分，因为这是大部分麻烦所在。 The page with the wrong background layout The page with the right background layout

Answer 1

很可能是由于页面具有不同的高度以及背景覆盖的工作方式。该属性按比例拉伸背景，直到它覆盖整个宽度和高度。

将html和body标签高度设置为100％应该可以在所有页面上提供相同的结果。

html css链接到同一个css样式表的不同页面给出了不同的外观

1 个答案: