はじめまして。モバイル用のhtmlページを作成しているのですが、viewportの指定をしたページからiframeで例えば（http://item.rakuten.co.jp/zenzaemon/ai05/）を実機（iPhone5S Safari）で表示しようとするとiframe内のページが拡大されてしまいます。

Question

rockafeller

52

50もっと見る

500pt

インターネットウェブ制作

はじめまして。モバイル用のhtmlページを作成しているのですが、viewportの指定をしたページからiframeで例えば（http://item.rakuten.co.jp/zenzaemon/ai05/）を実機（iPhone5S Safari）で表示しようとするとiframe内のページが拡大されてしまいます。

※　PC Chromeブラウザでは問題なく表示されます

ご存知の方がいましたら、拡大されないようにするにはどのようにすれば良いかご教授よろしくお願い致します。
または参考になりそうなページがありましたらご連絡いただけるとありがたいです。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" >
$(function() {
$("#testframe").width(window.innerWidth);
$("#testframe").height(window.innerHeight);
$("#testframe").attr("src","http://item.rakuten.co.jp/zenzaemon/ai05/");
});
</script>
</head>
<body>
<iframe id="testframe" src="">ここiframe</iframe>
</body>
</html>

回答の条件

1人5回まで

登録：2014/06/14 22:33:57
終了：2014/06/21 22:35:04

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

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

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

snow0214 · Answer 1 · 2014-06-15T00:08:53+09:00

これでどうでしょうか。
私のiPhone 5Sでは正常に表示されます。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content=width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" >
$(function() {
$("#testframe").width(document.body.clientWidth);
$("#testframe").height(document.body.clientHeight);
$("#testframe").attr("src","http://item.rakuten.co.jp/zenzaemon/ai05/");
});
</script>
</head>
<body>
<iframe id="testframe" src="">ここiframe</iframe>
</body>
</html>

回答（1件）

snow02144701162014/06/15 00:08:53

コメント（0件)

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