wordpress+wptouchのCSSについて教えてください｡ｽﾏﾎﾍﾟｰｼﾞでiframeがどうしても画面からはみ出てしまいます｡
以下のｻｲﾄを参考に作成しましたが､全く反応しません｡
http://ambergris.hateblo.jp/entry/2012/09/25/112656
動画のﾌﾟﾚｰﾔｰをiframeで呼び出しているのですが､PCﾍﾟｰｼﾞと同じｻｲｽﾞになっているようです｡
wptouch内ﾍｯﾀﾞｰ内に以下の記述｡
<script>
(function(){
var _UA = navigator.userAgent;
if (_UA.indexOf('iPhone') > -1 || _UA.indexOf('iPod') > -1) {
document.write('<link rel="stylesheet" href="style.css">');
}else if(_UA.indexOf('Android') > -1){
document.write('<link rel="stylesheet" href="style.css">');
}else{
document.write('<link rel="stylesheet" href="style.css">');
}
})();
</script>

wptouch内style.cssに以下の記述を追記

}/* iframe枠の調整 */
#box {
overflow: auto;
width: 300px;
height: 200px;
}
#box iframe {
width: 295px; /*PC版の幅?5pxくらい*/
height: 200px;
}

ちなみにwordpressの投稿､記事欄に以下の記述で呼び出してます｡
<div id="box">
<iframe class="gopano-player" type="text/html" width="480" height="360" src="http://www.gopano.com/embed/＊＊＊" frameborder="0"> </iframe></div>

>wptouch内ﾍｯﾀﾞｰ内に以下の記述｡

この記述は必要ありません｡
ｽﾀｲﾙｼｰﾄを機種によって読み分けるﾛｼﾞｯｸですが
wptouchを使用してるので関係ないわけです｡



＞wptouch内style.cssに以下の記述を追記
原因を切り分けるために､

<style>
#box {
overflow: auto;
width: 300px;
height: 200px;
}
#box iframe {
width: 295px; /*PC版の幅?5pxくらい*/
height: 200px;
}
</style>

これを記事の上の方に直接書いて､大きさが変更されるか確認してください｡
これで大きさが変更されれば､STYLEが上手く読まれていないことが原因です｡


■これで大きさが変わらない場合

src="http://www.gopano.com/embed/＊＊＊"
の部分を
src="http://www.yahoo.co.jp/"
に変更して確認してください｡

これで大きさが変わる場合は､
動画？のifarem表示だからだと思います｡

FLASHで実現している場合などは､IFRAME枠を超えてもはみ出て表示されると思います｡
もしくは､iframeのところで指定した大きさで動画の大きさを規定されるようになっていて､後からCSSで上書きしても無意味なのかもしれません｡

■次善策
<div id="pc">
PC動画
</div>
<div id="mobile" style="display:none;">
ﾓﾊﾞｲﾙ用動画
</div>


wptouchの方のstyle.cssに

#pc{
  display:none;
}
#mobile{
  display:block;
}
を追加する｡

こうするとPCではPC用の動画､mobileの時はﾓﾊﾞｲﾙの動画が表示されます｡

<script>
(function(){
var _UA = navigator.userAgent;
if (_UA.indexOf('iPhone') > -1 || _UA.indexOf('iPod') > -1) {
 document.write('<link rel="stylesheet" href="sphone.css">');
}else if(_UA.indexOf('Android') > -1){
 document.write('<link rel="stylesheet" href="sphone.css">');
}else{
 document.write('<link rel="stylesheet" href="pc.css">');
}
})();
</script>

(C)株式会社はてな