【问题标题】:Zooming an element and its contents-- an alternative to CSS3's zoom property?缩放元素及其内容——CSS3 的缩放属性的替代方法?
【发布时间】:2010-09-13 05:57:47
【问题描述】:

是否有跨浏览器的方法来模拟CSS3's zoom property?我知道如何分别缩放图像和文本,但似乎无法保持所有内容对齐。

一种解决方案可能是读取元素及其子元素的计算样式,将所有度量转换为 px,将它们乘以某个因子,然后使用这些新样式生成 HTML/CSS。另一个解决方案实际上可能是有意义的。 :)

重要提示:正确的解决方案不假设它所作用的页面。我们不知道每个元素的大小都以 px 为单位,由外部样式表设置样式或其他任何内容。

谢谢!

【问题讨论】:

  • 请注意,这不是 CSS3 属性,它是 IE-only 属性(在 IE9 中已弃用)。
  • 您可以使用 CSS3 transform。例如。 transform: scale(1.5);

标签: javascript html css zooming


【解决方案1】:

您可以尝试使用提供Effect.Scale 功能的Scriptaculous 库。

【讨论】:

    猜你喜欢
    • 2012-05-24
    • 1970-01-01
    • 2016-07-24
    • 1970-01-01
    • 1970-01-01
    • 2015-04-12
    • 2020-08-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多