媒體查詢不起來

我試圖在手機上更改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

媒體查詢不起來

回答

相關問題