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


こんにちは。
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 で背景画像を貼り付け、スケールがどのように行われるかを試しました。

質問が長いと言われてしまったので、続きはブログに記しました。
http://d.hatena.ne.jp/norisuke3/20120701

何かご存じの方がいれば、何が原因でこのように表示されるのか、教えていただければ幸いです。
よろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/07/01 14:32:14
  • 終了:2012/07/08 14:35:03

回答(0件)

回答はまだありません

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません