Javascript 如果动态内容是'；屏幕宽度是否大于屏幕宽度？

好的，我有两个元素显示在内联块中；一个是图像，一个是文本。文本是动态的，因此它可以根据情况具有任意宽度

我想做的是当这两个元素的组合变得比页面宽时隐藏图像

例如：

目前我正在尝试使用

if ($(window).width() == $('#header-top-inner').width()) {
    document.getElementById('logo-image').style.display = 'none';
} else {
    document.getElementById('logo-image').style.display = 'block';
}

在页面上调整大小

---

目前我使用的逻辑无法正常工作；通过查看live网站，您应该了解原因。但我似乎无法找到解决办法。我的意思是，我通常会使用媒体查询，但在这种情况下，由于动态内容，我不能使用。有什么想法吗？

如果您想将图像和文本保留在块中，但由于宽度较大而将部分图像和文本剪切到屏幕之外，您可以在内联块中添加“溢出：隐藏”。试试看

如果您希望将图像和文本保留在块中，但由于较大的宽度而将部分图像和文本从屏幕中删除，则可以将“溢出：隐藏”添加到内联块中。试试看

将其更改为

将其更改为
我找到了解决方案

通过检查内部div，我可以得到正确的宽度，而不是使用外部div。当图像被隐藏时，外部div的宽度会发生变化。
我找到了一个解决方案

通过检查内部div，我可以得到正确的宽度，而不是使用外部div。当图像被隐藏时，外部div的宽度会发生变化。
我只想在这种情况下隐藏图像，而不是溢出。请查看live网站以获取示例。一切正常，只是在中间阶段表现得很奇怪。请在这里添加更多关于元素的代码，让我熟悉你的结构。我做了什么？请查看JSFIDLE和live网站。我只想在这种情况下隐藏图像，而不是溢出。请查看live网站以获取示例。一切正常，只是在中间阶段表现得很奇怪。请在这里添加更多关于元素的代码，让我熟悉你的结构。我做了什么？请查看JSFIDLE和实时网站。
if（$（窗口）.width（）<$（“#页眉顶部内部”）.offsetWidth（））
-offsetWidth帐户用于填充和边框，如果需要，您可以切换回
.width（）
if（$（窗口）.width（）<$（“#页眉顶部内部”）.offsetWidth（））
-offsetWidth帐户用于填充和边框，如果需要，您可以切换回
.width（）
。出现此问题的原因是我的内容是动态的，因此我无法设置
#标题顶部内部的宽度。如果可以的话，我可以很容易地使用媒体查询来实现这一点。你可以只做
$（“#徽标图像”）.width（）
而不是
$（“#页眉顶部内部”）.width（）
这个问题的原因是我的内容是动态的，所以我不能为
#页眉顶部内部设置宽度。如果可以的话，我可以很容易地使用媒体查询来实现这一点。你可以只做
$（'#徽标图像'）.width（）
而不是
$（'#页眉顶部内部'）.width（）
function updateLayout() {
    //Hide header image on smaller screens
    if ($(window).width() <= $('#logo-image').width()) {
        document.getElementById('logo-image').style.display = 'none';
    } else {
        document.getElementById('logo-image').style.display = 'inline-block';
    }
}