我有兴趣缩小 100% 宽度的 div。我遇到的问题是,当我缩小元素时,它会获得固定宽度,并且不再延伸 100% 的宽度。
例子 -http://jsfiddle.net/Fz7qh/2/ http://jsfiddle.net/Fz7qh/2/
当我使用CSS缩放属性(而不是transform:scale)时,它按预期工作,但我听说缩放属性没有得到很好的支持。我的问题是这可以通过 CSS 变换比例来实现吗?
为了模仿什么zoom
在这种情况下,属性确实如此,您可以添加-transform-origin: 0 0;
并设置width
to oldWidth / newScale
(100 / 0.7 ~= 142.857143
):
http://jsfiddle.net/thirtydot/Fz7qh/5/ http://jsfiddle.net/thirtydot/Fz7qh/5/
div.zoomed {
-webkit-transform: scale(.7);
-webkit-transform-origin: 0 0;
width: 142.857143%;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)