我想检测网页是否在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/