如何在浏览器窗口调整大小时隐藏外部脚本

How to hide a external script when browser window resizes

本文关键字：小时 隐藏 外部 脚本 调整 浏览器 窗口      更新时间：2023-09-26

所以我在另一个网站上托管了一个外部脚本（一个话匣子脚本）。它位于我的列表右侧，带有 float：right。我遇到的问题是，当浏览器窗口调整大小时，它会溢出到列表中。我试过溢出：隐藏;但这行不通。这是浏览器窗口溢出时发生的情况。这就是它通常的样子。

尝试使用 CSS 媒体查询，如下所示：

@media (max-width:600px) {
    #chat-box {
        display: none;
    }
}

这可以理解为：

如果屏幕宽度小于 600px，请使用 id 聊天框隐藏元素。

将其放在样式标记或.css文件中。

参考： https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

尝试使用 CSS 重要，如下所示：

overflow: hidden !important;
相关文章：