title: Scaling problem with -webkit-transform with mobile safari on iPad
body: <p>In the HTML page below, I am scaling a block with a <code>-webkit-transform</code>. The transform scales the block from its initial size to its double size.</p>
  
  <p>This works as expected with Safari, and Chrome on OSX.</p>
  
  <p>But, on the IPad (both the simulator and the device), the scaling start from a single point instead of the original size of the image.</p>
  
  <p>As you can see in the example I have set the <code>viewport</code> meta tag, but it does nothing.</p>
  
  <p>Can anyone confirm this as a bug, and is there a workaround?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, user-scalable=no initial-scale=1.0, minimum-scale=1.0" /&gt;
  
  &lt;style type="text/css"&gt;
  
  #block {
      position:absolute;
      top: 0;
      left: 0;
      width: 200px;
      height: 400px;
      -webkit-transition: -webkit-transform 3s ease-out;
      background-color: blue;
    }
  
  .zoom {
    -webkit-transform: scale(2);
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="block" onclick="className='zoom';"&gt;The Block&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>