仅媒体屏幕不起作用

Question

我遇到“仅限媒体屏幕”样式的问题。它看起来就像在我的手机上（ip7）：

我的css代码是这样的，但它对页面外观没有任何影响。我把元文件放在我的html文件中：

@media only screen and (max-width: 768px) {
    body {
        background-image: none;
        background-color: white;
        font-size: 20px;
    }

#katalog {
    height: 10px;
}

#salon {
    width: 200px;
}
}

例如原始的#katalog样式看起来像这样

position: relative;
width:50%;
height: 700px;
border: 1px solid black;
margin-left: auto;
margin-right: auto;

我在使用此处添加的“代码选项”发布html代码时遇到了麻烦，所以我想 using jsfiddle is better

我的网页托管 - ＆gt; https://james0nerep.000webhostapp.com/#