Scaling problem with -webkit-transform with mobile safari on iPad

Question

In the HTML page below, I am scaling a block with a -webkit-transform. The transform scales the block from its initial size to its double size.

This works a

Answer 1

I came across this question very late. The solution was without using important, and by changing the way of selecting an element. This is due to reason that ID selector is more closer and powerful than class selector.

#block.zoom {
  -webkit-transform: scale(2);
}