我想检测网页是否在Y轴上流动,也就是它比显示屏高,如果可以,则影响样式。

我正在寻找一个纯CSS解决方案,或尽可能接近它。

我该怎么做?

最佳答案

我正在寻找纯CSS解决方案,例如@media query


在基于标准的(现实世界)Web开发中,@element queries(与@media queries相对)仍然是假设。

如果不是,那么纯CSS解决方案可能是这样的:

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

[... STYLES HERE...]

}


同时,请阅读:

汤米·霍金斯的Element Queries for CSS(2015年9月30日)

看看

eqCSS在Github上



进一步阅读:


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

关于html - CSS媒体检测溢出,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35067662/

10-11 13:26