はてな人力検索への質問

css

iframe @ iPad Safari で、-webkit-transform の scale() が２度適用される？

こんにちは。
iPad Safari で不思議な現象に遭遇しました。

親ページと子ページを用意し、iframe を使って親ページに子ページを埋め込みました。
そして、iframe の一つ外側の要素にCSSの -webkit-transform: scale() を適用した結果が以下のリンクになります。
上から、scaleに 1、0.75、0.5、0.25 と渡した結果です。

http://www.firedictionary.com/tmp/nori_test_a100.html
http://www.firedictionary.com/tmp/nori_test_a75.html
http://www.firedictionary.com/tmp/nori_test_a50.html
http://www.firedictionary.com/tmp/nori_test_a25.html

子ページのbody に CSS の background で背景画像を貼り付け、スケールがどのように行われるかを試しました。
iframe のデフォルトのCSS 設定で枠線が表示されるのですが、枠線は scale() で指定した通りの大きさに縮小されるのですが、背景の表示域には、scale() が 2 度適用されたような結果が得られました。
例えば、scale(0.5) であれば、0.25 ( = 0.5 x 0.5 ) の様な感じです。

Chrome、Safari、Firefox でも試したのですが、このような現象は起こりません。
(firefox 用に -moz-transform も適用してあります。)
また、手元にあるAndroid 端末 ( Kindle Fire )でもiPad Safari のようにはなりませんでした。
ただ、私の使っている Chromium (ver. 13.0.768.0 (85549) )では、iPad と同じ結果になりました。
私の iPad は、iOS 5.0.1 です。