我想制作一个我尝试使用html和css的网站。但是问题是如何创建一个响应式站点。当我尝试永远不会得到任何输出像响应。在这里我已经尝试过了,但是我仍然没有得到适当的回应。

    <head>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <style>
        @media only screen and (min-device-width : 768px) and (max-device-width :1024px)
        {
            #wrapper
            {
                background-color:#000;
            }
        }
    </style>


谢谢

最佳答案

尝试这个:

<style>
        @media only screen and (min-device-width : 768px) and (max-device-width :1024px)
        {
            #wrapper
            {
                background-color:#000!important;
            }
        }
    </style>


或这个:

@media (min-width: 768px) and (max-width: 1024px) {
    // Add your css here
    #wrapper
    {
         background-color:#000!important;
    }
}

10-07 12:04
查看更多