全部-
我没有世界上最棒的CSS技能，但我通常可以解决问题。现在，我正试图在Wordpress站点的子主题中实现一个相当简单的媒体查询。我不知道我是否键入了错误或犯了其他错误，但媒体查询规则甚至在我查看页面时都不会显示出来。有人能帮忙吗？
这是页面：http://www.thousandgirlsinitiative.org/
以下是我尝试实施的规则：
@media screen and (max-device-width: 479px) {
.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
background-image:url ("http://www.thousandgirlsinitiative.org/wp-content/uploads/2016/04/Wendy-mobile.jpg") !important; }
#why-sponsor-homepage { padding: 20px; }
}
基本上，我想在第一行使用不同的英雄形象，并减少“为什么是赞助商？”屏幕窄于480px时的行。
起初，我用“max width”而不是“max device width”编写了查询，但它也不起作用，所以这不是问题所在。
任何帮助都将不胜感激！
最合适的回答,由SO网友:Stephen 整理而成
我想我可能有以下解决方案：）
尝试将此添加到CSS文件：
@media screen and (max-width: 479px) {
.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
background-image: url(\'http://www.thousandgirlsinitiative.org/wp-content/uploads/2016/04/Wendy-mobile.jpg\') !important;
}
#why-sponsor-homepage {
padding: 20px;
}
}
我在这里所做的就是去掉
url 当我通过Google开发者工具添加CSS时，图像的链接看起来很有魅力。
