如何用css通過百分比隱藏元素？

Question

我一直在試圖隱藏與CSS的元素，都沒有成功 我有這樣的代碼：

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

我想要的而不是1180px這將是寬度的60％

@media only screen and (max-width: 60%) 
    .element {display:none!important;} 
    } 

我曾試圖讓它工作，但我有幾天，我只是放棄，並決定循環尋求社區的幫助，我知道我失去了一些東西...

Answer 1

你需要only在你身上媒體查詢？見What is the difference between "screen" and "only screen" in media queries?

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

如果您的問題仍然存在，請你能提供問題的詳細信息，因爲是不夠的，在這個片段中工作。