Resposive移動和顯示：無 - WordPress的 - 視覺作曲家

-1

你好，我有手機和平板電腦設備我嘗試給班級能排隱藏一個行（確切背景）一個問題：「無」，並添加CSS但這不工作的移動Resposive移動和顯示：無 - WordPress的 - 視覺作曲家

@media screen and (max-device-width: 900px){ 
    .none { 
    display: none !important; 
    visibility: hidden !important; 
} 
} 

@media screen and (max-device-width: 900px){ 
    .none { 
    background-image: none !important; 
} 
}

來源

2016-11-10 Grzegorz Mądroszyk

JSfiddle請。另外，說它不起作用不夠具體。寫下你期望發生的事情，併發生什麼。 –

我想關閉這個div（正是我的意思是背景）與移動設備類「無」，我不能：/我用WordPress的可視化編輯器。 –

SO用戶可能會流利地使用其他語言，但該網站是英文的。如果可以，請讓朋友爲您更清楚地寫下問題。你知道什麼其他的語言？ –

您的代碼應在實際的手機/平板電腦工作。它在這些模擬器中不起作用，因爲max-device-width引用設備寬度，而不是iframe窗口的寬度。在模擬器中，設備是您的計算機，幾乎可以肯定它的實際屏幕寬度大於900像素。所以，發展，使用max-width代替：

@media screen and (max-width: 900px){ 
    .none { 
    display: none !important; 
    } 
} 

@media screen and (max-width: 900px){ 
    .none { 
    background-image: none !important; 
    } 
}

生產，隨意使用max-device-width。更多關於這個here。

來源

2016-11-10 23:45:33

Resposive移動和顯示：無 - WordPress的 - 視覺作曲家

回答

相關問題