JavaScript/CSS : How to resize (scale) window content

标签 javascript css

有什么方法可以使用 javascript 和/或 CSS 2 缩放窗口内容吗?我正在寻找类似于 CSS 3 的东西 - transform:scale(x,y)。假设我有一个 div,其中填充了一些文本并具有固定的宽度/高度。当我更改浏览器窗口的大小时,div 会调整大小但文本不会改变其大小。我希望文本像在 CSS 3 中那样挤压,不幸的是,我的浏览器不支持它。

提前感谢您的宝贵时间。

最佳答案

使用媒体查询:https://developer.mozilla.org/en/CSS/Media_queries

根据浏览器窗口的大小,您可以定义多个 css 规则,特别是使用 max/min-width 查询

关于JavaScript/CSS : How to resize (scale) window content,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8894252/

相关文章:

javascript - 如何修复仅在 wordpress 网站上不起作用的 javascript onmousemove

javascript - 在 Else If 语句中使用来自 JQuery .get 函数的数据

css - CSS 中的 repeat-x 问题

jquery - 如何将 Tab 键限制为页面上的特定形式或一组链接/按钮?

javascript - 多个 redux-sagas

javascript - Parsley 远程验证码验证

Jquery if 语句获取背景图像 css 值

html - 为什么将位置从相对位置更改为绝对位置会改变背景图像的大小?

css - css-run gallery 的最后一行重叠

javascript - 递归js函数简化列表结果