我在做一个网页,里面有广告。
我使用 Google Web Designer 制作广告,该程序会生成一个 iframe。
在客户端设备的功能中,特别是这个设备的宽度,我想显示一个特定的 iframe。如何根据设备宽度指定要显示的 iframe 的 src?
我尝试在 CSS 中使用媒体查询来隐藏除正确的 iframe 之外的所有 iframe,但它无法正常工作;我在 Windows Phone 和 Android 中尝试过。
题外话:如果有人比 Google Web Designer 更了解软件,请告诉我。
最佳答案
你可以使用 jQuery,假设你的 iFrame 有一个 id“frame”
<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>
关于javascript - iframe src 取决于设备宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25069449/