只顯示，如果父母是X像素高度/寬

這對於CSS來說可能不可行，但我真的不喜歡它用JS修復樣式。所以我想我會問這個。只顯示，如果父母是X像素高度/寬

所以我有一個有背景圖像的容器。理論上這個容器的可變高度從50px到無限。當容器高度高於〜500px時，它看起來非常好。低於這個值看起來很愚蠢。所以問題是：

當父元素小於x（在我的情況下爲500）px時，我可以應用一個剛纔設置display:none（或類似）的規則嗎？

2015-12-14 Brettetete

如果* window *小於500px，你可以做到這一點 –

我明白這不是你要找的東西，但如果高度確實是可變的（即你不能提前知道），重要的是請注意，所涉及的JS將非常簡潔並且涉及單個DOM查找，根據該查找將一個類添加到元素中。 – Boaz

您應該在帖子中包含與問題相關的所有必要代碼。 – KittMedia

只用CSS這是不可能的。

對我而言，在CSS中可以像這樣行事的唯一方法是@media，但只能獲得視口高度（而不是容器高度）。

替代品使用簡單的JS函數，使用視口的@media高度，或者爲圖像設置最小高度，或將變量範圍從50-infinity更改爲500-infinity;

2015-12-15 00:19:24

根據設備位置或屏幕分辨率，您可以在Css中使用@media查詢加載更大/更小的圖像。如果例如圖像是div的背景圖像，則使用css display:none;將其隱藏（如果它小於500像素）。

（您可以通過調整您的瀏覽器嘗試它，它應該讓你想要什麼沒有JS）。

希望有幫助！

2015-12-14 23:53:57 Manuel

回答