媒体查询不起来

我试图在手机上更改div的宽度。这里是媒体查询不起来

@media only screen 
    and (min-device-width: 414px) 
    and (max-device-width: 736px) 
{ 

     .login-page{ 
     width: :80% !important;; 
     padding: 8% 0 0 !important;; 
     margin: auto; 
     } 

     body{ 
     background-color: red; 
     } 

}

我已经包含在我的PHP头文件

<meta name="viewport" content="width=device-width" /> 

<link rel="stylesheet" media="(max-width: 713px)" href="css/media.css" />

什么毛病我的方法如下线媒体查询我的CSS代码？

来源

2016-05-26 Arun

谢谢，删除标签 – Arun

请检查我发布的答案，如果它解决了您的问题。 @arun – Nehal

你需要改变你@media因为所有的东西都应该出现在这样一行：

@media only screen and (min-device-width: 414px) and (max-device-width: 736px)

或者你也可以试试这个：

@media only screen and (min-width: 414px) and (max-width: 736px) 
{ 

    .login-page{ 
    width: :80% !important;; 
    padding: 8% 0 0 !important;; 
    margin: auto; 
    } 

    body{ 
    background-color: red; 
    }

}

而且从该行删除媒体：

<link rel="stylesheet" media="(max-width: 713px)" href="css/media.css" />

到：

<link rel="stylesheet" href="css/media.css" />

来源

2016-05-26 07:24:34 Nehal

您需要@media改变你对这个

@media all and (min-width: 414px) and (max-width: 736px) 
{ 

     .login-page{ 
     width: :80% !important;; 
     padding: 8% 0 0 !important;; 
     margin: auto; 
     } 

     body{ 
     background-color: red; 
     } 

}

来源

2016-05-26 07:20:10

尝试了我所提到的更改。仍然它不拾起媒体查询:( – Arun

可以请你分享任何链接或小提琴？ –

我只是解决了这个 - 搜索了几个小时之后 - 通过手机上清除缓存..

来源

2017-02-26 15:51:55 Jaydot

媒体查询不起来

回答

相关问题