我想制作一个我尝试使用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;
}
}