Javascript jQuery调整大小功能在Chrome中不起作用

我有一个页面，页面顶部有一个大标题图像，占据了整个视图的宽度和高度。我在网上找到了一个非常有用的片段，它避免了当url栏消失时手机上出现的奇怪的大小调整问题。在包含下面的代码之前，当url栏消失时，标题图像的大小会增加，因为视图高度会变大。除了iOS Chrome应用程序上存在的问题外，代码工作正常。非常感谢您的帮助

由于safari和chrome上的URL栏高度不同，我决定采用一种新的方法来解决这个问题。这将导致不必要的复杂性，并且很难在两种浏览器上都完美地进行调整。我采用的新方法是，在平板电脑或手机上查看网页时，我希望将高度设置为加载时的查看高度，并使其保持在该高度。我已经将下面的jQuery代码更新到目前为止的版本，但是它仍然不能像预期的那样工作

HTML:

jQuery：

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（）必须尝试媒体查询吗？这比让JS侦听浏览器大小要困难得多，而且您可以针对特定的浏览器

尝试了许多媒体查询解决方案，但都没有成功。不过，感谢您的建议。您是否检查了resizeBackground（）在resize后是否在ios中被调用（例如，在函数中添加警报）。您反对使用CSS处理此问题吗？根据您的描述，这听起来像是CSS问题。运行媒体查询以更改背景大小或更改提供的图像。当然，这两种策略都可以使用。@rob也许我可以使用jquery来确定移动设备上页面加载的视图高度，然后将该高度设置为op设置为100vh，当url栏消失时会发生什么变化？@yezzz确认了我是否在调整大小后在iOS上显示的功能中添加了警报。确实可能是css问题。在页面上发现一些js，为iphone/ipad/ipod用户代理添加了iOS类。
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();