我正在重建一个网站,我们通过一个iframe画廊在1页上拉,这是因为他们有很多全球网站所以当最初构建时,他们的想法是他们可以在外部更新这个文件域名和全局更新当然按预期工作!
我现在几乎完成建设的新网站是全新的,从框架,系统和完全响应所以我必须在这个外部图库上做一些代码更改,并在新网站上做一点(js)帮助使iframe内容响应,当我调整大小时,在我的浏览器上完美运行,使用chromes调试控制台和设置设备等。
然而,当我真正看到我的iPhone时,它似乎无法正常工作,也不确定我的手机是否只是缓存。如何检查正在通过的画廊是否响应?如果不是,那么我代码中出现问题的任何想法都会改变吗?
有问题的新响应式网站网址:http://2015.ambientlounge.com/about-us/custom-branded.html
JS:
/* iframe heights */
var calcHeight = function() {
$('#iframe_resize').height($(window).height() - 170);
}
$(document).ready(function() {
calcHeight();
});
$(window).resize(function() {
calcHeight();
}).load(function() {
calcHeight();
});
HTML:
<p><iframe frameborder="0" id="iframe_resize" noresize="noresize" src="http://www.ambientlounge.com/external/custom/index.html"></iframe></p>