我只想使用 CSS 来制作一个 div,它会在用户缩放时展开,直到达到窗口大小时,然后它不再对缩放使用react。这可能吗?
例子:
- Div 从
10em
开始(在没有缩放的普通桌面上相当于160px
) - 用户开始按
ctrl +
使其缩放(并增加em
的值) - 当 div 达到窗口大小(例如
1600px
)时,它会停止对em
大小的变化使用react。 窗口大小的宽度将不事先知道(因此不能将 1600px 设置为最大宽度)
最佳答案
在一些大佬给出解决方案之前,恕我直言,这是不可能的......
我怀疑在纯 CSS 中是否有任何方法可以实现这一点,因为您将需要一些 jQuery
或 JS
来检测宽度....
我的第一个想法是用于媒体查询,但即使它们不能用于此动态功能...因为我们限制了它们的宽度!
另一个原因是,要检测 ctrl++,您将需要 jQuery
来检测keypress
并在该事件中应用所需的功能!
关于html - 在 CSS 中是否可以使 div 扩展(缩放)直到它达到窗口(而不是文档)大小然后停止扩展?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25257195/