Html 媒体查询根本不起作用

我想知道有没有人能帮我？ 我正在做一个测试网站，我没有让媒体查询工作。我尝试了多种方法，在谷歌上搜索，但我找不到解决问题的答案。代码是：

<header>
        <nav>
            <div class="navbar">
                <div class="row">
                    <img href="index.html" src="resources/images/logo.png" alt="talkFM logo" class="logo">
                    <ul class="main-nav">
                        <li><a href="#">Hjem</a></li>
                        <li><a href="omoss.html">Om oss</a></li>
                        <li><a href="kontaktoss.php">Kontakt oss</a></li>
                    </ul>
                </div>
            </div>    
        </nav>

        <div class="hero-text-box">
            <p class="velkommen">Velkommen til Talk fm</p>
            <h1>Kom i kontakt med vennene dine - on the air. </h1>
            <!--<a class="btn btn-full" href="#">Pr&oslashv n&aring</a>
            <a class="btn btn-ghost" href="#">Sp&oslashr oss</a>-->
            <p class="info">Mobilt radionettverk i Bergen & omegn med god <br>radiodekning. N&aring kan du holde kontakten via din VHF radio.<br> Bli med og opplev gleden med radio du ogs&aring!</p>
        </div>
        <div class="hero-text-img">
            <img src="resources/images/radio_ki.png">
        </div>
    </header>

.hero-text-box h1 {
    color: white;
    font-size: 150%;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 3px;
    margin-bottom: 5px;
}


@media screen and (max width: 1200px) {    

    .hero-text-box h1 {
        color: black;
    }


}

velkommen直到通话调频
Kom i kontakt med vennene餐厅-在广播中。
Mobilt RadioNettwerk i Bergen&omegn med god
无线电设计。通过din VHF电台收听电台节目。
Bli med og opplev gleden med også电台
.hero文本框h1{
颜色：白色；
字体大小：150%；
字体大小：400；
字母间距：1px；
字距：3px；
边缘底部：5px；
}
@媒体屏幕和（最大宽度：1200px）{
.hero文本框h1{
颜色：黑色；
}
}

在媒体查询中，最小值和宽度之间似乎没有“-”。媒体查询应如下所示：

@media  (min-width: 1200px) {    

    .hero-text-box h1 {
        background-color: yellow;
    }
}

---

“and”关键字用于将多个媒体功能组合在一起，以及将媒体功能与媒体类型组合在一起

非常感谢你！正如我的老师经常告诉我的。。。发现自己的错误比其他任何事情都难。英雄联盟谢谢，没问题！如果您觉得有帮助，请记住接受答案，并享受前面所有的精彩学习：）嗨！您是否知道，当我进行媒体查询时，是否可以将图像放在文本下方？是的，只要您在媒体查询宽度参数范围内，媒体查询就会覆盖样式表中的任何css。可以在常规css中显示：无或可见性：隐藏图像，并在启用媒体查询时使用显示：块或可见性：可见。