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

Html 调整背景图像的大小以自动适应多个屏幕?,html,css,background,resize,screen,Html,Css,Background,Resize,Screen,我对这个很陌生,但我正在一个HTML/CSS的网站上工作。背景在我的macbook pro上看起来不错,但当我在任何较大的屏幕上查看我的网站时,背景会重复,网站内容会停留在左上角,而不是移动到屏幕中间。 有没有办法让我的网站在大屏幕上看起来和我自己的一样?是否有一个标签来调整整个网站的大小,以适应任何屏幕正在查看它 谢谢您应该探索一下。在网上搜索“响应式css”一词,你会得到大量的框架和工具来帮助你 在学习响应式设计之前,您可能想了解更多关于CSS的一般知识。很多人不喜欢w3,但是他们有一个简单

我对这个很陌生,但我正在一个HTML/CSS的网站上工作。背景在我的macbook pro上看起来不错,但当我在任何较大的屏幕上查看我的网站时,背景会重复,网站内容会停留在左上角,而不是移动到屏幕中间。 有没有办法让我的网站在大屏幕上看起来和我自己的一样?是否有一个标签来调整整个网站的大小,以适应任何屏幕正在查看它


谢谢

您应该探索一下。在网上搜索“响应式css”一词,你会得到大量的框架和工具来帮助你

在学习响应式设计之前,您可能想了解更多关于CSS的一般知识。很多人不喜欢w3,但是他们有一个简单易懂的css类教程要学习。 响应性设计将是了解……的第二步。。。。在创建样式时,记住这一点非常重要

另外,这里有一个stackoverflow问题可以回答您的问题 …还有一些关于css背景的帮助

body{
背景:url(路径/到/你的/图像)无重复中心顶部;
}
试试这个。它将背景移到屏幕中间

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

你应该在文章中包含代码,并对你的问题进行分析,这样我们就可以更容易地看到你在追求什么。