When using CSS Scale in Firefox, element keeps original position

When using scale in Firefox, the scaled element dóes get scaled properly. The problem is, that it's positioned as if it isn't scaled. This works fine in Chrome, and probably also in IE, Safari and Opera. These browsers all support the CSS zoom property, where Firefox doesn't. For Firefox I'm using -moz-transform: scale(0.3);. This is my CSS: #overview .page-content { zoom: 0.3; -moz-transform: scale(0.3); } This is what it should look like (as in Chrome): ![zoom in chrome][1] This is what it shouldn't look like (as in Firefox): ![scale in firefox][2] Does anybody know how to fix this? Or maybe a workaround? [1]: http://i.stack.imgur.com/F4Ok9.jpg [2]: http://i.stack.imgur.com/wveW9.jpg

以上就是When using CSS Scale in Firefox, element keeps original position的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准