媒體查詢 - 爲什麼應該執行的css代碼無法執行

因此，這裏是css代碼，當我轉到開發人員工具（Mozila）時，代碼不會按照應答模式執行。餘裕：自動;下劃線，因爲你可以看到我上傳的圖片。我是新來的響應式設計。如果你想看到整個項目（頁面）請點擊here，請幫忙。媒體查詢 - 爲什麼應該執行的css代碼無法執行

Developer tools image

@media screen and (max-width: 750px) { 
    img { 
     margin-left: auto; 
    } 
} 
body { 
    margin: 0; 
    overflow: auto; 
    background-color: #a6a6a6; 
} 
img { 
    margin-left: 40%; 
} 
p { 
    text-align: center; 
    font-size: 1.2em; 
} 
ul { 
    font-size: 1.3em; 
    margin-left: 15%; 
    margin-right: 15%; 
} 
small { 
    text-align: center; 
    margin-left: 45%; 
} 
hr { 
    display: block; 
    height: 1em; 
    border: 0; 
    border-top: 0.1em solid #4d4d4d; 
    margin-right: 10%; 
    margin-left: 10%; 
    padding: 0; 
} 
#title { 
    float: left; 
    text-align: center; 
    background-color: #cccccc; 
    width: 100%; 
    top: 0; 
    position: fixed; 
    margin-left: 0; 
    font-size: 1.25em; 
} 
#content { 
    background-color: #e6e6e6; 
    margin-left: 5%; 
    margin-top: 10%; 
    margin-right: 5%; 
    margin-bottom: 6%; 
} 
#e { 
    font-size: 2em; 
} 
#timeline { 
    font-size: 1.5em; 
} 
#sources { 
    font-size: 1.8em; 
} 
#Author { 
    font-size: 1.6em; 
} 
a { 
    cursor: pointer; 
    text-decoration: none; 
} 
a:visited { 
    cursor: pointer; 
    text-decoration: none; 
    color: blue; 
} 
a:hover { 
    cursor: pointer; 
    text-decoration: none; 
}

來源

2017-08-03 Riste Petrov

秩序的CSS問題的聲明。移動媒體查詢以下img { margin-left:40%; }它應該工作。

來源

2017-08-03 13:19:54

您在樣式表中看到的媒體查詢往往會更好地放在底部。將

@media screen and (max-width:750px){ 
img{ 
    margin-left:auto; 
    } 
}

最後CSS聲明下方

來源

2017-08-03 13:41:44

媒體查詢 - 爲什麼應該執行的css代碼無法執行

回答

相關問題