CSS 在 Chrome 和 Edge 中转换正常，但在 Firefox 中很难看

Question

I am using CSS transformations to zoom in and out in the browser, but it looks ugly in Firefox even though it looks good in Chrome and Edge!

Firefox:

Edge:

Chrome:

What can I do?

Answer 1

1st check the console and if there any errors solve it. also try out with

@-moz-document url-prefix() { 
  .class {
     property:value;
  }
}

or

 -moz-transform:

it may work

Answer 2

Firefox does renders images as good as Chrome and Edge(thumbs up), so for now you can use a image of bigger dimensions and use CSS to fit to shrink into the container(DIV). Then you can use CSS transformations to give zooming effect.

Thanks.