css @媒体查询不具有任何效果[已关闭]

uujelgoq  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(155)

**已关闭。**此问题为not reproducible or was caused by typos。目前不接受答案。

这个问题是由一个打字错误或一个无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic,但这个问题的解决方式不太可能帮助未来的读者。
2天前关闭。
Improve this question
嘿,伙计们,我正试图建立一个响应网页,但媒体查询是不工作。
我一直在寻找解决办法,并应用它们,但无济于事。
这是我的CSS代码:

@media only screen and (max-width:600px){
    

    body{
        font-size: 89px;
    }
    
    .main{
        display: flex;
        flex-direction: column;
        width: 100vw;
        height: 100vh;  
    }
   
    .main-left{
        background-color: #90c3ce;
    }
    }

这是我的html文档中的html代码。

<head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="styles.css">
        <title>Mubasic</title>
       
   </head>

不知道问题出在哪里,这将是超级伟大的帮助!
在html文档的中添加了 metaviewport元素,但都无济于事。

kgsdhlau

kgsdhlau1#

好吧,所以问题是我的@媒体查询是高于所有其他CSS写它。

相关问题