仅在父级为 X px height/wide 时显示
Only show if parent is X px height/wide
好吧，仅 CSS 这可能是不可能的，但我真的不喜欢用 JS 修复样式。所以我想我会问。
所以我有一个带有背景图片的容器。这个容器的高度可变，从 50px 到理论上无限大。当容器高度高于 ~500px 时，它看起来非常好。低于该值它看起来真的很愚蠢。
所以问题是：
当父元素小于 x（在我的例子中是 500）px 时，我可以应用仅设置 display:none（或类似规则）的规则吗？
您可以在 Css 中使用 @media 查询根据设备位置或屏幕分辨率加载 bigger/smaller 图像。如果它小于 500px，也使用 css display:none; 隐藏它，例如，图像是 div.
的背景图像
一些示例：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
（您可以通过调整浏览器大小来尝试，它应该可以在没有 JS 的情况下实现您想要的效果）。
希望对您有所帮助！
仅 CSS 这是不可能的。
据我所知，在 CSS 中唯一可以这样做的是 @media，但它只能获取视口高度（不是容器高度）。
备选方案是使用简单的 JS 函数，使用视口的@media 高度，或者图像的最小高度，或者将变量范围从 50-infinity 更改为 500-infinity；
好吧，仅 CSS 这可能是不可能的，但我真的不喜欢用 JS 修复样式。所以我想我会问。
所以我有一个带有背景图片的容器。这个容器的高度可变，从 50px 到理论上无限大。当容器高度高于 ~500px 时，它看起来非常好。低于该值它看起来真的很愚蠢。 所以问题是：
当父元素小于 x（在我的例子中是 500）px 时，我可以应用仅设置 display:none（或类似规则）的规则吗？
您可以在 Css 中使用 @media 查询根据设备位置或屏幕分辨率加载 bigger/smaller 图像。如果它小于 500px，也使用 css display:none; 隐藏它，例如，图像是 div.
一些示例：http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
（您可以通过调整浏览器大小来尝试，它应该可以在没有 JS 的情况下实现您想要的效果）。
希望对您有所帮助！
仅 CSS 这是不可能的。
据我所知，在 CSS 中唯一可以这样做的是 @media，但它只能获取视口高度（不是容器高度）。
备选方案是使用简单的 JS 函数，使用视口的@media 高度，或者图像的最小高度，或者将变量范围从 50-infinity 更改为 500-infinity；