我有一个 wordpress 网站。我正面临自定义媒体 CSS 代码的问题。当我尝试保存代码时,它会消失并且不会反射(reflect)在网站上。任何帮助将不胜感激。以下是我要添加的代码:
@media only screen and (max-width: 719px)
.site-title {
display: none;
}
@media only screen and (max-width: 719px)
#nav-header.nav-container {
background-image: URL(http://i2.wp.com/vedsutra.com/wp-content/uploads/2016/07/cropped-VedSutra_logo.png);
background-repeat: no-repeat;
background-position: center;
}
最佳答案
您应该将查询包装在 {} 中,如下例所示:
@media only screen and (max-width: 719px) {
.site-title {
display: none;
}
#nav-header.nav-container {
background-image: URL(http://i2.wp.com/vedsutra.com/wp-content/uploads/2016/07/cropped-VedSutra_logo.png);
background-repeat: no-repeat;
background-position: center;
}
}
关于CSS 媒体查询(@media 函数),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40405733/