2016-04-12 144 views
1

我有直接從網站複製代碼,直接將我的iframe放置到我的code.However創建一個類iframe似乎它不讀取從CSS創建的類的值,但它會將代碼直接粘貼到我的代碼中,從而帶來它自己的代碼。 我如何重新調整我的Iframe的大小,以便它可以直接從類(CSS)準備好..我刪除並刪除了高度和寬度,並將其大小設置爲不更改iframe的寬度和高度值

This是我的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 { 
    height: 100px; 
    width: 600px; 
    margin-left:auto; 
    margin-right:auto; 

    } 
+0

我今天偶然發現你的問題。引起我注意的是,您在iframe中使用了sway.com網站,這也是我現在正在嘗試的。我想知道你的頁面是否還在工作,因爲它看起來像現在sway.com服務器正在設置X-Frame-Options到SAMEORIGIN,因此iframe什麼都不顯示。 – sm535

回答

1

您正在使用的CSS類製作風格的改變,外格,但樣式的iframe標籤保持不變。你可以把CSS放在iframe標籤上,例如:

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

感謝它現在正常工作:) – markoz007