Javascript Chrome.resize()的替代方案?
我有一个网页,我正在工作,利用全屏图像标题在页面顶部。在移动设备上,当URL栏随着视图高度的变化而消失时,图像大小会出现问题,从而导致图像尺寸发生变化。我遇到了下面包含的代码片段的一个变体,它完美地解决了这个问题,但是它并没有在iOS Chrome应用程序上解决这个问题。我发现这是因为Chrome不支持这个Javascript Chrome.resize()的替代方案?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个网页,我正在工作,利用全屏图像标题在页面顶部。在移动设备上,当URL栏随着视图高度的变化而消失时,图像大小会出现问题,从而导致图像尺寸发生变化。我遇到了下面包含的代码片段的一个变体,它完美地解决了这个问题,但是它并没有在iOS Chrome应用程序上解决这个问题。我发现这是因为Chrome不支持这个.resize()功能。我想知道是否有人知道chrome支持的替代方案?我还将包括与此案例相关的HTML HTML: 我已经决定,解决这个问题的最佳方法是将页面加载高度设置为在平板电脑或更小的
.resize()
功能。我想知道是否有人知道chrome支持的替代方案?我还将包括与此案例相关的HTML
HTML:
我已经决定,解决这个问题的最佳方法是将页面加载高度设置为在平板电脑或更小的设备上查看时的视图高度 jQuery:
var bg = $(".intro-bg-item-image, .intro-bg-item, .intro-bg, .caroufredsel_wrapper");
function resizeBackground() {
bg.height( $(window).height() + 60);
}
$(window).resize(resizeBackground);
resizeBackground();
if ($(window).width() <= 1024) {
var bg = $(".intro-bg-item-image, .intro-bg-item, .intro-bg, .caroufredsel_wrapper");
function resizeBackground() {
bg.height( $(window).height());
}
$(window).load(resizeBackground);
resizeBackground();
}
if($(window).width()@razorsyntax这个人想知道如何调整窗口的大小。我想知道如何在Chrome中的窗口大小调整上执行上面的函数。所以也可以在mobileTry上收听滚动使用setInterval函数-setInterval(函数(){resizeBackground();},1000)@epascarello也许我可以将高度设置为装载时的视图高度,并使其保持在该高度。我该如何操作?
if ($(window).width() <= 1024) {
var bg = $(".intro-bg-item-image, .intro-bg-item, .intro-bg, .caroufredsel_wrapper");
function resizeBackground() {
bg.height( $(window).height());
}
$(window).load(resizeBackground);
resizeBackground();
}