Iframe width ve Height değerleri

Question

Doğrudan koduma yerleştirilen iframe hakkında siteden kodu doğrudan kopyaladım.Ancak bir sınıf oluşturulduğunda, iframe, CSS'de oluşturulan Sınıftaki değerleri okumaz gibi görünüyor ama Kodlarıma doğrudan yapıştırdığımda getirdiği koddan kendi boyutunu getirir. Iframe'imi, sınıftan (CSS) doğrudan hazır olabilmeleri için nasıl yeniden boyutlandırabilirim? Yükseklik ve genişliklerini sildim ve kaldırdım ve boyutu, sınıfından ayarlamıyor, değişiklikler yapmıyor

 <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> 

benim CSS benim iframe kodu - Bu genişlik ve yükseklik iframe kod

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

    } 

Answer 1

Sen css sınıfını kullanarak dış div stil değişiklikleri yapıyoruz hiçbir efekt, ancak stilleri var etiket aynı kalır. Iframe etiketine css koyabilirsiniz:

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