媒體查詢隻影響3個元素中的2個？

-2

我正在爲某個媒體查詢似乎對3類中的1類產生影響的某個遺留網站工作。受影響的類。自由艦，.wholesale，.chronicles媒體查詢隻影響3個元素中的2個？

這些標準屏幕尺寸的CSS是：

/* Shipping section - Home page */ 
.free-ship, .wholesale, .chronicles { 
    text-align:center; 
    height:180px; 
    width:30%; 
} 
.chronicles { 
    margin-right:10px; 
} 
.chronicles a, .wholesale a { 
    color:#fff; 
}

現在我已經制定了以下CSS媒體查詢：

/* Media Queries */ 
/* Portrait and Landscape */ 
@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 568px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
    .free-ship, .wholesale, .chronicles { 
     width:100%!important; 
    } 
} 
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 2) { 
    .free-ship, .wholesale, .chronicles { 
     height:230px; 
    } 
}

問題是，媒體查詢似乎不適用於.wholesale類，我不明白爲什麼？再次，這不是我的網站，我只是想幫助。該網站在這裏（刪除隱私）。該代碼指的是頁面中間附近的黑色/灰色框。

任何建議將是最受歡迎的。我用css lint檢查過custom.css文件，這沒有顯示任何錯誤，所以我正在尋找下一個應該看的地方？

預先感謝您。 D

來源

2017-03-21 Dtorr1981

請在您的文章中包含相關的代碼，以便我們得到[mcve]的問題 –

感謝指針Michael - 代碼有點混亂，所以我認爲可以發佈鏈接到頁面一個簡單的解決方案。我將來會銘記這一點。 – Dtorr1981

謝謝。鏈接到您的網站並不能幫助SO社區，這就是這些帖子的用途。如果你不包括相關的代碼，一年後，當有人搜索類似的問題，找到你的文章，但你的網站已經改變，並且相關的代碼不在你的文章中......這篇文章不太可能幫助他們。 –

在生活網站上，它看起來像查詢不是針對「.wholesale」，而是針對一個名爲「.world-ship」的舊類。

您可能已經更改了類名，並且它在媒體查詢中沒有更改，或者它沒有被推送到現場。

Media Query with ".world-ship" class

來源

2017-03-21 19:40:42 greatbearshark

好吧...是我的一個完整的監督，我忘了該網站的問題是通過CDN緩存，所以即使我已經更新了css文件，並清理現場緩存多次，這些變化並沒有影響。我清除了CDN上的緩存並更新了緩存。

顯然是一棵樹的問題。感謝您的回答和評論。

來源

2017-03-21 19:55:10 Dtorr1981

媒體查詢隻影響3個元素中的2個？

回答

相關問題