javascript - 嵌入 iframe 不返回响应式设计?

标签 javascript html css iframe

我制作了 2 个 iframe,如下所示

<iframe src="http://www.caely.my" frameborder="0"></iframe>

<iframe src="http://contest2015.bestasiaapp.hk/?utm_source=google&utm_medium=banner&utm_campaign=Y150153&gclid=CPOD2tGbosQCFVUMjgod-r8AAw" frameborder="0"></iframe>

fiddle :http://jsfiddle.net/ow0wy0jm/1/

第一个没有返回它的响应式设计,我想知道是什么问题。然后我在其他网站上进行了测试,第二个网站工作正常。如果调整 http://www.caely.my 的大小这是第一个站点,它实际上是一个响应站点。为什么在 iframe 中它呈现桌面版本?

最佳答案

您加载的两个网站都使用了两种响应式。

Caely 网站使用脚本检测设备然后加载不同的网站。

虽然 Best Asia 应用程序基于@media 查询 CSS 进行响应。

iframe 不属于移动设备,因此您无法让网站在 iframe 中响应。该脚本无法识别移动设备中的 iframe。

关于javascript - 嵌入 iframe 不返回响应式设计?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29003481/

相关文章:

jquery - 在 jquery 对话框窗口中偏离中心 x

html - 如何删除进度 HTML 元素的边框?

javascript - 使用 Jquery 调整大小的 Html 表的行和列

javascript - MooTools:getChildren() 包括文本节点?

Javascript 将对象打包为哈希字符串

javascript - 使用 Javascript/jQuery 使按钮出现在滚动条上

html - 放置重载宽度的 div

html - 超大屏幕帮助响应

css - 为什么我的内联样式有效,但我的样式表根本没有更改代码?

javascript - js切换: making an anchor trigger a toggle in a different page