调整背景图像的大小以自动适合多个屏幕？

Question

我对此很陌生，但是我正在使用HTML / CSS网站。 在Macbook Pro上，背景看起来不错，但是当我在更大的屏幕上查看网站时，背景会重复出现，并且网站内容停留在左上角，而不是移至屏幕中间。 有什么办法可以使我的网站在大屏幕上看起来像在我自己​​的网站上一样？ 是否有一个标签可以调整整个网站的大小以适合正在查看的任何屏幕？

谢谢

Answer 1

您应该探索响应式网页设计 。 在网络上搜索“响应式CSS”一词，您将获得大量的框架和工具来帮助您。

Answer 2

在学习响应式设计之前，您可能通常需要了解有关CSS的更多信息。 很多人不喜欢w3，但是他们确实有一个易于理解（且快速！）的CSS类教程。 http://www.w3schools.com/css/default.asp响应式设计将是学习的第二步。...创建样式时要记住的非常重要的事情。

另外，这是一个stackoverflow问题，可以回答您的问题拉伸和缩放CSS背景 ....以及其他有关CSS背景的帮助http://coding.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything -你得知道/

Answer 3

body{
    background: url(path/to/your/image) no-repeat center top;
}

尝试这个。 它的背景移到屏幕中间。

缩放背景图像并不容易。 扩展它也不是一个好主意。