javascript - iframe src 取决于设备宽度

标签 javascript html css iframe

我在做一个网页,里面有广告。

我使用 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/

相关文章:

css - 视口(viewport)单位字体大小和缩放错误 : which browsers are affected?

javascript - 当宽度小于 644 时如何更改粘性菜单

javascript - 为什么我运行“npm install”时会得到很多包?

javascript - 从 Angular js中的getElementById获取值

php - 使用 jQuery 将 php 文件加载到 div 中不起作用

PHP 隐藏/显示带分页的图像

javascript - 在 JavaScript 中扁平化 JSON 对象

javascript - 在物理 Android 设备上运行 Meteor 移动应用

html - 确保内容长度未知的水平对齐 DIV 的 block 高度相似

html - CSS 中的无限符号