Html Css在chrome中不起作用（在edge中起作用，或者如果我在pc上本地打开文件）

我正在为学校建立一个html和css网站。我无法使用引导，需要使用媒体查询。是网站的链接。该网站在google microsoft edge中运行，或者如果我在PC上本地打开html文件，则该网站不起作用。如果我在chrome中打开该网站，则该网站不起作用，因为bas broekhoven文本周围需要有边框，并且“profiel”按钮错位。布局、标志和设计是一个笑话：）。谢谢你的帮助

我尝试在媒体查询中使用一些WebKit

@media screen and (max-width: 1024px) {
    #logo {
        text-align: center;
        margin-top: 20px;
    }

    #pf{
        margin-bottom: 20px;
        margin-left: 20px;
        float: left;
    }
    #profielknop{
        float: left;
        margin-left: 20px;
        margin-left: 20px;
    }
    .item2{
        display: none;
    }
    #linkding{
        display: none;
    }
    #text{
        float: left;
    }
    @media screen and (max-width: 1920px) {
        .kippetje{
            display: none;
        }
    }
  }

---

您是否尝试过使用Ctrl+F5重新加载？Firefox和Chrome之间的页面对我来说完全一样。

这个标志“公文包”提醒了我一些东西，但我不知道是什么。我肯定它也是以“por”开头的看看这个！我已经从chrome上打开了它，尝试使用CTRL+F5在没有缓存的情况下加载页面；它在Chrome.wut中为我工作，现在它工作了。我以前试过5次。可能是时候把文件上传到服务器上了。。。谢谢