html - CSS 媒体检测溢出

标签 html css

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


进一步阅读:

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

相关文章:

php - 单击时插入图像

html - h1 标题顶部的间隙

javascript - :blank selector not working on checkbox jQuery Validate()

javascript - 如何将文档内容动态加载到 iframe 中?

html - 将 div 高度调整为固定父级

javascript - 通过在焦点上显示键盘来检测 ipad 怪癖

javascript - 鼠标拖动后无法仅显示 3 个缩略图

jquery - Phonegap 应用程序的屏幕尺寸分辨率?

html - HTML 电子邮件中的 Outlook 表格间距 - 没有常用的技巧

css - 在运行文本下放置一个 Angular 形心形 CSS 对象以响应为中心的问题