JavaScript を使用してユーザー エージェントをチェックし、それに応じて iframe の幅を変更します。iframe は読み込まれますが、iPhone では width 属性は無視されます。
さまざまな幅を試してみましたが、ロード中に iframe が非常に短い時間だけ適切なサイズになっていることがわかりますが、その後は約 1000 ピクセル以上の幅になります。
コードは次のとおりです。
<script type="text/javascript">
<!--
if (iPhone == 1) {
document.write('<iframe width=\"962px\" height=\"800px\" style=\"position: absolute; left:0px; top:69px;\" src=\"http://xxxxxxx/index.aspx?app=0&iPhone=' + iPhone + '&iPad=' + iPad + '\"/>');
}
else {
document.write('<iframe class=\"eMeeting\" src="http://xxxxx/index.aspx?app=0&iPhone=' + iPhone + '&iPad=' + iPad + '\"/>');
}
//-->
</script>
編集:
ユーザーエージェントコード
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
iPhone = 1;
}