iframe src取決於設備寬度

Question

我正在制作一個網頁，並且在其中有廣告。

我使用Google Web Designer做廣告，該程序會生成一個iframe。

關於客戶端設備的功能，特別是該設備的寬度，我想顯示一個特定的iframe。 如何在設備寬度功能中指定要顯示的iframe的src？

我嘗試在CSS中使用媒體查詢來隱藏除正確的iframe外的所有iframe，但是它無法正常工作； 我在Windows Phone和Android中嘗試過。

題外話：如果有人比Google Web Designer更了解軟件，請告訴我。

Answer 1

您可以使用jQuery，說您的iFrame的ID為“框架”

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

if(width == 950)
   $('#frame').attr('src',url);
else if(width == 750)
   $('#frame').attr('src',url2);
...
...
...
</script>