使用媒體查詢顯示元素時元素的相同ID

我想通過使用@media查詢，顯示在不同的屏幕尺寸不同的元素爲div？我可以爲所有元素命名相同的ID嗎？
我可以使用相同的id兩個元素，如果一個元素顯示另一個元素將被隱藏，使用@media查詢？

注：我知道ID是唯一的，但在這裏我想根據屏幕尺寸來使用。

media only screen and (min-width: 480px) { 

} 

@media only screen and (min-width: 768px) { 

}

請指教我。

來源

2014-04-02 Naju

@oGeez。使用js會有問題嗎？所以我添加了javascript – Naju

我不知道我知道這個問題的答案，但更重要的是爲什麼當'class'存在時你會這樣做。如果您打算製作多個需要它的元素，則不需要使用'id'，您只需使用class。在你使用的術語中，唯一的區別是'＃' - '.'就是這樣。沒有真正的理由使用'id'，所以最好不要這樣做。 – Ruddy

我完全同意Dikesh，如果你想要不同的風格只適用於屏幕特定大小的元素集，那麼你可以給定類的特別一個媒體查詢博客。閱讀此主題（http://stackoverflow.com/questions/5611963/can-multiple-different-html-elements-have-the-same-id-if-theyre-different-types） –

您應該在這裏使用類而不是id。 Id是獨一無二的。只要你喜歡，你可以添加一個類到儘可能多的元素。

媒體查詢不是多次使用相同ID的藉口。它如何可以與一個類實現

傻例如：

.some-class{ 
    background-color:blue; 
} 

media only screen and (min-width: 480px) { 
    .some-class{ 
     background-color:red; 
    } 
} 

@media only screen and (min-width: 768px) { 
    .some-class{ 
     background-color:green; 
    } 
}

來源

2014-04-02 07:43:56

使用媒體查詢顯示元素時元素的相同ID

回答

相關問題