人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: norisuke3
●カテゴリ:インターネット
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ