jquery - css 中的缩放效果在 firefox 中无法正常工作

Question

我正在尝试为缩放效果编写代码。我有 2 div 一个在另一个。我想在其他 div 和内部 div 上添加缩放效果，不应应用缩放效果。对于内部 div，我使用“zoom:document”。它在 chrome、safari 和 opera 上运行良好。但它不适用于 Firefox。这是代码:-

    <div style="border:#F00 solid 1px; width:50cm; float:left; height:30cm; background:#F00; zoom:0.5;-moz-transform:scale(0.5,0.5)">
 <div style="border:#0F0 solid 1px; background:#0F0; width:100px; height:50px; margin-left:300px; margin-top:300px; zoom:document">
 </div>
</div>

提前感谢您的建议。

Answer 1

div.zoom {
      zoom: 2; /* all browsers */
     -moz-transform: scale(2);  /* Firefox */
}

“支持:值是:

• 百分比 - 按此百分比缩放
• 数字 - 转换为百分比和比例 - 1 == 100%； 1.5 == 150%；
• 正常 - 缩放:1;

如果 mozilla 有任何问题，请引用此链接

https://developer.mozilla.org/pt-BR/docs/Web/CSS/transform

-moz-transform: scale(2);