iframe src取决于设备宽度

Question

我正在做一个网页，在这里我有广告。

我使用Google Web Designer制作广告，此程序会生成iframe。

在客户端设备的功能中，特别是此设备的宽度，我想显示一个特定的iframe。如何根据设备宽度函数指定要显示的iframe的src？

我尝试在CSS中使用媒体查询隐藏除正确之外的所有iframe，但它无法正常工作;我在Windows Phone和Android中试用它。

Offtopic：如果有人比Google Web Designer更了解软件，请告诉我。

Answer 1

你可以使用jQuery，比如你的iFrame有一个id＆＃34; frame＆＃34;

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