调整背景图像大小以自动适应多个屏幕?

时间:2013-12-06 02:16:56

标签: html css background resize screen

我对此很新,但我正在开发一个HTML / CSS网站。我的macbook pro上的背景看起来很好,但是当我在任何更大的屏幕上查看我的网站时,背景重复,网站内容停留在左上角而不是移动到屏幕中间。 有什么方法可以让我的网站在大屏幕上看起来和我自己一样吗?是否有标签可以调整整个网站的大小以适应任何正在查看的屏幕?

由于

3 个答案:

答案 0 :(得分:1)

你应该探索responsive web design。在网络上搜索“响应式css”一词,你将获得大量的框架和工具来帮助你。

答案 1 :(得分:0)

在学习响应式设计之前,您可能希望了解有关CSS的更多信息。很多人不喜欢w3,但他们确实有一个易于理解(和快速!!)的CSS课程教程。 http://www.w3schools.com/css/default.asp 响应式设计将是第2步,以便了解....在创建样式时要记住这一点非常重要。

另外,这是一个stackoverflow问题,可以回答你的问题Stretch and scale CSS background ....还有一些关于css背景的帮助http://coding.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything-you-need-to-know/

答案 2 :(得分:0)

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

试试这个。它将背景移动到屏幕中间。

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