html - 在 CSS 中是否可以使 div 扩展(缩放)直到它达到窗口(而不是文档)大小然后停止扩展?

标签 html css

我只想使用 CSS 来制作一个 div,它会在用户缩放时展开,直到达到窗口大小时,然后它不再对缩放使用react。这可能吗?

例子:

  1. Div 从 10em 开始(在没有缩放的普通桌面上相当于 160px)
  2. 用户开始按 ctrl + 使其缩放(并增加 em 的值)
  3. 当 div 达到窗口大小(例如 1600px)时,它会停止对 em 大小的变化使用react。 窗口大小的宽度将事先知道(因此不能将 1600px 设置为最大宽度)

最佳答案

在一些大佬给出解决方案之前,恕我直言,这是不可能的......

我怀疑在纯 CSS 中是否有任何方法可以实现这一点,因为您将需要一些 jQueryJS 来检测宽度....

我的第一个想法是用于媒体查询,但即使它们不能用于此动态功能...因为我们限制了它们的宽度!

另一个原因是,要检测 ctrl++,您需要 jQuery 来检测keypress 并在该事件中应用所需的功能!

关于html - 在 CSS 中是否可以使 div 扩展(缩放)直到它达到窗口(而不是文档)大小然后停止扩展?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25257195/

相关文章:

css - 围绕带有边框和颜色的 div 发光

javascript - 在 JS 命令上从顶部滑动模态

php - 导航下拉列表有时会消失

css - 高度为 100%-body 的粘性页脚 -> 没有 javascript 可能吗?

html - 查看 html 代码时如何绕过某些电子邮件客户端

javascript - 添加警告时清除 HTML 输入值

jquery - 如何使用 jquery 获取元素的 HTML bgcolor

javascript - 隐藏移动键盘,同时将光标保持在文本区域中

javascript - 阻止 Opera Mobile 概述触摸的元素

HTML/CSS 错误放置的标题和丢失的图像