如何为不同的屏幕版本设置背景图像?

时间:2020-05-29 14:27:51

标签: asp.net-mvc bootstrap-4

我在如何为不同的屏幕尺寸设置不同的背景图像(或使响应的背景图像)方面遇到麻烦。我的意图是设置2个背景图像。首先是用于移动屏幕的尺寸,其次是用于PC屏幕的尺寸。我尝试浏览互联网并在Youtube上观看教程,但这使我离想要发生的事情越来越近了。我是Web应用程序编程的新手,任何帮助,技巧和建议都将不胜感激。谢谢。

2 个答案:

答案 0 :(得分:0)

我找到了解决此问题的方法。万一有人在寻找答案时遇到困难,它就在这里。 致谢,并感谢此article的所有者。

答案 1 :(得分:0)

按照简单的步骤

# 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();
  }
}