如何为不同的屏幕变化设置背景图像?



我在如何为不同的屏幕尺寸设置不同的背景图像(或制作响应式背景图像(方面遇到问题。我的目的是设置2个背景图像。第一个是移动屏幕的大小,另一个是PC屏幕的大小。我尝试在Youtube上浏览互联网和观看教程,但它并没有让我更接近我想要发生的事情。我是编程Web应用程序的新手,任何帮助,提示和建议将不胜感激。谢谢。

我找到了这个问题的解决方案。以防万一有人很难找到答案,它就在这里。 感谢本文的所有者。

遵循简单的过程

# Usual CSS for Big screens
.myClass{
background-image: url();
}
#for small screeens or whatever width you want
@media (max-width:768px){
.myClass{
background-image: url();
}
}

相关内容

最新更新