html - CSS 媒体检测溢出

Question

我想检测网页是否在 Y 轴上流动，也就是它高于显示器，如果是，影响样式。

我正在寻找纯 CSS 解决方案，或者尽可能接近它。

我该怎么做？

Answer 1

I am looking for a purely CSS solution [...] such as a @media query

在基于标准(现实世界)的网络开发中，@element 查询(相对于@media 查询)仍然是假设性的。

如果不是，您的纯 CSS 解决方案可能类似于:

@element body and (min-height: 101vh) {

[... STYLES HERE...]

}

同时，阅读:

Element Queries for CSS作者:Tommy Hodgins(2015 年 9 月 30 日)

看看

eqCSS在 Github 上

---

进一步阅读:

• Thoughts on Media Queries for Elements 作者:Jonathan T Neal(2013 年 2 月 7 日)
• Media Queries are a Hack 作者:Ian Storm Taylor(2013 年 4 月 1 日)
• Media Queries Are Not The Answer: Element Query Polyfill 作者:Tyson Matanich(2013 年 6 月 25 日)
• Beyond Media Queries — It’s Time to Get Elemental 作者:Richa Jain(2015 年 3 月 26 日)
• Container Queries: Once More Unto the Breach 作者:Mat Marquis(2015 年 6 月 30 日)