如何重置這些CSS樣式？

我在尋找的方式重新設置這些（針對網站的移動版本）：如何重置這些CSS樣式？

#somediv { 

    /* Internet Explorer 10 */ 
    display: -ms-flexbox; 
    -ms-box-orient: vertical; 
    -ms-flex-pack: center; 
    -ms-flex-align: center; 

    /* Firefox */ 
    display: -moz-box; 
    -moz-box-orient: vertical; 
    -moz-box-pack: center; 
    -moz-box-align: center; 

    /* Safari, Opera, and Chrome */ 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-box-pack: center; 
    -webkit-box-align: center; 

    /* REGULAR */ 
    display: box; 
    box-orient: vertical; 
    box-pack: center; 
    box-align: center; 

}

我已經嘗試設置只是「顯示：塊」一次。但一些瀏覽器（模擬器）似乎仍然有以前設置的規則..我應該只對他們使用「無」？

來源

2014-06-26 mowgli

爲div的，一般的瀏覽器代理的風格是塊。嘗試顯示：塊; – Haroldchen

看來我必須重置-orient，-pack和-align。 – mowgli

好的，我看到你已經嘗試過'display：block'。您可能還想重置其他屬性。 'display：none;'不會幫助你，因爲它會隱藏div。 – Haroldchen

您可以使用media queries將特定樣式應用於不同的移動設備。

@media (max-width: 600px) { 
#somediv{ 
    display:block!important; 
} 
}

嘗試給display:block與!important，以防止屏幕覆蓋

來源

2014-06-26 11:23:34

是的，這正是我正在做的。但是重新設置塊是不夠的。 – mowgli

此外，基於最大寬度的媒體查詢不一定僅適用於移動設備。我認爲@mowgli問題基於flexbox支持而不是屏幕大小。您可以在javascript中使用功能測試檢測flexbox支持，或使用modernizr並根據該測試重新定義css規則。 – Haroldchen

如何重置這些CSS樣式？

回答

相關問題