https://staging-digemaya.kinsta.cloud/membership/
我已經洗掉了 div 的使用
.page-id-16713 .cta-2-banner-2 {
display: none
}
.page-id-16713 .quotes-wrapper {
display: none
}
但是，它們仍然顯示在平板電腦和移動設備上。我到處搜索，沒有任何作業。
uj5u.com熱心網友回復：
我在您的網站上使用了檢查器工具，看起來有一個媒體查詢應用于這些樣式。嘗試移動
.page-id-16713 .cta-2-banner-2 {
display: none
}
.page-id-16713 .quotes-wrapper {
display: none
}
到樣式表的頂部而不是底部，看看這是否解決了問題。
為了將來參考，您應該嘗試將 @media 查詢保留在 CSS 的底部。您可以在此處閱讀更多資訊
uj5u.com熱心網友回復：
從您的站點快速查看 html 時，您共享的 css 似乎不在媒體查詢中，但是瀏覽器檢查器工具顯示它在媒體查詢中（2x）：
@media screen and (min-width: 768px)
@media screen and (min-width: 768px)
.page-id-16713 .cta-2-banner-2 {
display: none;
}
這意味著在此屬性之前的某處可能存在無效的 css 導致問題。瀏覽器試圖理解這些東西，這就是它在媒體查詢中的原因。我推薦一個 w3c 驗證器，或者將你所有的 css 放入你的代碼編輯器并梳理它。
最快的修復（雖然不是推薦的原因，但應該解決真正的無效問題以防止將來出現問題）：
@media only screen and (max-width: 40em) {
.page-id-16713 .cta-2-banner-2,
.page-id-16713 .quotes-wrapper {
display: none
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/421553.html
標籤：
上一篇：將影片文本定位到Div的左下角