【问题标题】:Proportionally resizing divs with a wrapper使用包装器按比例调整 div 的大小
【发布时间】:2019-04-06 02:03:32
【问题描述】:

基本上我在一个 div 中有一堆元素,比如说<div class="wrapper">。我希望能够缩放这个外部 div 并让里面的元素与它一起正确缩放。

例如,如果这是一组 SVG,我们只需更改外部 SVG 的变换即可。得到这个结果:

Scaled SVG from blue bounding box

我想用一个 div 包装器做同样的效果...这可能吗? (我想这样做的原因是因为我希望能够使用 img 标签等,否则我只会使用 svgs)。如果它有帮助,最终目标是允许用户拖放元素来创建自己的界面,但如果它可以在多个屏幕上工作,它会有所帮助。

【问题讨论】:

  • transform:scale(x, y) 也应该适用于divs。你试过了吗?
  • 你让我大吃一惊......不知道这是可能的

标签: javascript html css svg wrapper


【解决方案1】:

感谢@samuellawrentz

使用transform:scale(x, y) 缩放任何包装器元素

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-12-29
    • 2013-09-21
    • 2012-01-28
    • 1970-01-01
    • 1970-01-01
    • 2011-09-20
    • 1970-01-01
    相关资源
    最近更新 更多