*

iPhone Viewport iframe HTML CSS ご教示お願い致します。 今まで ビューポートの…

公開日: : オートレース

オートレースファンの最新の疑問


iPhone Viewport iframe HTML CSS ご教示お願い致します。 今まで ビューポートの設定を <meta name="viewport" content="target-densitydpi=device-dpi, width=940, minimum-scale= 0.1, user-scalable=yes"> このようにしていて 下記に変更しようと試みているのですが、 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> 旨いこといきません。 おおよそ、スマホで見た時、パソコンで見た時は 良くなってきたのですが、 Iframeの部分だけうまくいきません。 ~HTML~ <div class="box ifrm-container"> <iframe src="cgi/new.cgi" scrolling="auto" class="ifrm" ID="i01" title="new"></iframe> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script> $('iframe') .on('load', function(){ try { $(this).height(0); $(this).height(this.contentWindow.document.documentElement.scrollHeight); } catch (e) { } }) .trigger('load'); </script> </div> ~CSS~ .box{ background-color:rgba(255,255,255,1); box-shadow:3px 3px 3px 0px #666666; border-radius: 10px; } @media (min-width: 320px) { .box{width:95%;}} @media (min-width: 960px) { .box{width:50%;}} .ifrm-container { width:300px; height:250px; overflow:auto; -webkit-overflow-scrolling:touch; border: none; overflow-y: hidden; display: inline-block; } .ifrm { width:100%; height:100%; border:none; display:block; } CGIファイルにも <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"> を設定しました・・・?いるのか不明・・・ 現在このようにしていて、 パソコン上では、 横幅を、小さくしたりしても、しっかり Iframeはその%通りになるのですが、 iPhoneですと100%どころか、でかすぎてはみ出まくっってます いろいろ試しては調べてはいるのですが、 Iframeだけうまくいきません・・・ どうかお力添えをお願い致します。 詳細を見る 

このニュースをつぶやく・共有する


このニュースへたいしてのツイート




サッカー
サッカー日本代表に本田、岡崎は、必要な選手だと思いますか?

サッカーファンの最新の疑問 サッカー日本代表に本田、岡崎は、必要な選

サッカー
服のつなぎ合わせについて。 私は、サッカーの日本代表と、 アジアのもう一つの国…

サッカーファンの最新の疑問 服のつなぎ合わせについて。 私は、サッカ

サッカー
ロシアW杯の日本代表のFW候補です。岡崎と本田はずば抜けて年上と言う訳でも無いの…

サッカーファンの最新の疑問 ロシアW杯の日本代表のFW候補です。岡崎

サッカー
ロシアワールドカップ日本代表のゴールキーパー3人は誰だと思いますか? 自分は、…

サッカーファンの最新の疑問 ロシアワールドカップ日本代表のゴールキー

サッカー
普段の会話の中で「インザーギかよ!」と例えツッコミを入れるようなシチュエーシ…

サッカーファンの最新の疑問 普段の会話の中で「インザーギかよ!」と例

→もっと見る

PAGE TOP ↑