图像未在另一台显示器上拉伸

Question

我有HTML文件的这一部分

<div id="header">
...
</div>

和CSS文件的这一部分

#header {
  background: url("img.png");
  background-repeat: no-repeat;
  background-position: left top;
  height: 140px;
  margin: 0px auto;
}

img.png的大小是1290 x 150像素。一切都还可以，但是在我用妹妹的笔记本电脑打开网页之后，图像并没有在所有显示器上拉伸（水平）。右边有大约50像素的间隙。
是否有一些通用的解决方案，以便网络在所有显示器上显示相同的内容？

谢谢

Answer 1

你的css代码不拉伸你的背景图片，它只会重复。据我所知，CSS甚至不会这样做（伸展可能）

Answer 2

这完全取决于不同显示器/设备使用的不同屏幕分辨率。

如果您使用图片代码显示图片，并将其width和height属性指定为100％，则可以让图片拉伸到显示器的大小，但这会导致在拉伸的图像中，取决于所使用的设备...

我建议你寻找一些关于图像居中的教程，同时占用所有可用空间而不留空格，同时保留图像比例。