html - Css 在 chrome 中不工作，（在边缘工作，或者如果我在我的电脑上本地打开文件）

Question

我正在为学校建立一个 html 和 css 的网站。我不能使用引导程序，需要使用媒体查询。http://544518.student4a9.ao-ica.nl/index.html是该网站的链接。该站点在 google microsoft edge 中运行，或者如果我在我的 PC 上本地打开 html 文件。如果我在 chrome 中打开该站点，它将无法正常工作，因为 bas broekhoven 文本周围需要有边框，并且“profiel”按钮错位。布局、标志和设计是个笑话:)。谢谢你的帮助。

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

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

标签： htmlcss

Answer 1

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