我正在尝试为缩放效果编写代码。我有 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>
提前感谢您的建议。
最佳答案
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);
关于jquery - css 中的缩放效果在 firefox 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31153800/