我想检测网页是否在Y轴上流动，也就是说它高于显示器，如果是这样，影响样式。我正在寻找一个纯粹的CSS解决方案，或尽可能接近。我该怎么做？
6tdlim6h1#
我正在寻找一个纯粹的CSS解决方案[...]，如@media query在基于标准的（现实世界）Web开发中，@element queries（与@media queries相对）仍然是假设的。如果不是，你的CSS解决方案可能是这样的：
@media query
@element queries
@media queries
@element body and (min-height: 101vh) { [... STYLES HERE...] }
在此期间，请阅读：Element Queries for CSS by Tommy Hodgins（2015年9月30日）看一看eqCSS在Github上
进一步阅读：***Thoughts on Media Queries for Elements**by Jonathan T Neal（2013年2月7日）***Media Queries are a Hack**by Ian Storm Taylor（2013年4月1日）***Media Queries Are Not The Answer: Element Query Polyfill**by Tyson Matanich（2013年6月25日）***Beyond Media Queries — It’s Time to Get Elemental**by Richa Jain（2015年3月26日）***Container Queries: Once More Unto the Breach**作者：Mat Marquis（2015年6月30日）
wmtdaxz32#
自从这个问题被问到和回答以来，已经过去了很多年。我们现在有了CSS container queries，它相当于原始答案中提到的“元素查询”。https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries有一些很棒的YouTube视频！
CSS container queries
2条答案
按热度按时间6tdlim6h1#
我正在寻找一个纯粹的CSS解决方案[...]，如
@media query在基于标准的（现实世界）Web开发中，
@element queries（与@media queries相对）仍然是假设的。如果不是，你的CSS解决方案可能是这样的：
在此期间，请阅读：
Element Queries for CSS by Tommy Hodgins（2015年9月30日）
看一看
eqCSS在Github上
进一步阅读：
***Thoughts on Media Queries for Elements**by Jonathan T Neal（2013年2月7日）
***Media Queries are a Hack**by Ian Storm Taylor（2013年4月1日）
***Media Queries Are Not The Answer: Element Query Polyfill**by Tyson Matanich（2013年6月25日）
***Beyond Media Queries — It’s Time to Get Elemental**by Richa Jain（2015年3月26日）
***Container Queries: Once More Unto the Breach**作者：Mat Marquis（2015年6月30日）
wmtdaxz32#
自从这个问题被问到和回答以来，已经过去了很多年。我们现在有了
CSS container queries，它相当于原始答案中提到的“元素查询”。https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries
有一些很棒的YouTube视频！