CSS 媒体查询(@media 函数)

Question

我有一个 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;
}

Answer 1

您应该将查询包装在 {} 中，如下例所示:

@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;
    }
}