仅媒体屏幕不起作用

时间:2017-08-15 12:33:39

标签: css frontend

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

enter image description here

我的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

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

0 个答案:

没有答案