2016-04-12 11 views
1

自分のコードに直接配置されたiframeに関するコードをサイトから直接コピーしています。クラスを作成したときにはiframeはCSSで作成されたクラスの値を読み取れませんそれは私のコードに直接貼り付けるときに一緒に持って来たコードから独自のサイズを持っています。 どのように私は、クラス(CSS)から直接準備することができますように私のIframeのサイズを変更することができます..私は削除し、高さと幅を削除し、変更を行うことはありませんクラスのサイズを設定しますiframeの幅と高さの値

これは

 <div class="iframe"> 

      <iframe src="https://sway.com/s/3HuzZFFkT18WUe4M/embed" width="100%" marginwidth="0" height="100px" marginheight="0" scrolling="no" frameborder="no" class="iframee" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen 
mozallowfullscreen msallowfullscreen></iframe> 

    </div> 

私のCSSは私のiframeコードである - これは、幅と高さはIFRAMEにコード

.iframe { 
    height: 100px; 
    width: 600px; 
    margin-left:auto; 
    margin-right:auto; 

    } 
+0

私は今日あなたの質問にチャレンジしました。私の目を引っ張ったのは、あなたがiframe内でsway.comサイトを使用していたということでした。私はあなたのページがまだ動作しているのかと思いますが、sway.comサーバーはX-Frame-OptionsをSAMEORIGINに設定しているので、iframeに何も表示されません。 – sm535

答えて

1

あなたはCSSクラスを使用して、外側のdivにスタイル変更を行うには影響はなく、スタイルを持っていませんタグは同じままです。 iframeタグにCSSを設定することができます:

iframe 
    { 
     max-height: 200vh; 
     height:200px; 
    } 
+0

ありがとうございます。 – markoz007

関連する問題