是否可以在CSS樣式表中設置I-Frame源代碼？

Question

我有一個利用媒體查詢的CSS樣式表。我的主頁只是一個100％x 100％的背景圖片，我想定位一個居中的iframe，它將具有基於媒體查詢結果的來源。

EG：

CSS

@media all and (max-width: 500px) and (min-width: 400px), (min-width: 1151px) 

.frame1{ 
position:absolute; 
width:390px; 
left:50%; 
margin-left:-195px; 
} 

HTML

<iframe class="frame1"></iframe> 

所以寬度範圍爲400像素到500像素，並在此範圍內的內容將在任何屏幕一個居中的iframe，更寬的屏幕可以看到更大的背景圖像邊距。現在我的問題在於我想讓iframe源根據屏幕大小進行更改，因此我可以在小屏幕上使用mobile.htm（顯示網站的基本版本）來源，在standard.htm（中級版本）上平均屏幕和large.htm（包括附加內容）在大屏幕上。

但我無法得到任何我曾經想過的事情。我假設由媒體查詢確定它必須是CSS中列出的iframe的屬性？我已嘗試過以下各項的組合：

frame src：__ .htm;

iframe src：_ .htm;

frame src：url（_ __ .htm）;

IFRAME SRC：網址（_ __的.htm）;

frame src：url（「_ _ .htm」）;

等

*下劃線是頁面名稱。

但到目前爲止沒有任何作品。

有誰知道這是可能的嗎？如果是這樣如何？並請溫和地解釋我對此非常陌生，當我走過去學習一些零碎的東西時我試圖自我教導，因爲我需要它們來實現我想要的東西......迄今爲止進展順利，但讓我難倒了好幾天了！