我想检测网页是否在 Y 轴上流动,也就是它高于显示器,如果是,影响样式。
我正在寻找纯 CSS 解决方案,或者尽可能接近它。
我该怎么做?
最佳答案
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 日)
关于html - CSS 媒体检测溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35067662/