Javascript 如何禁用不同大小的Html代码？

我想禁用一些指定大小的Html代码，例如，我想禁用或编辑大小为576px的类容器的div这是我的代码

---

下载应用程序

这可以通过使用这样的媒体查询来实现

@media screen and (max-width: 576px) {
    .container {
        display: none;
    }
}

---

您可以通过使用媒体查询禁用所需的代码的任何部分。

通过使用如下媒体查询，这是可能的

@media screen and (max-width: 576px) {
    .container {
        display: none;
    }
}

---

您可以通过使用媒体查询来禁用代码的任何部分。

如果您已经在使用bootstrap 4，我不会在上面混合媒体查询（只有一个很好的理由-请参阅下文）

使用引导提供的（他们在幕后使用媒体查询）

例如：

<div class="d-sm-none">hide on screens wider than sm</div>
<div class="d-none d-sm-block">hide on screens smaller than sm</div>

隐藏在比sm宽的屏幕上
隐藏在比sm小的屏幕上

“sm”值是因为您要求576px分辨率-查看更多详细信息

---

只有当您需要bootstrap提供的内置类不支持的屏幕分辨率时，才可以使用媒体查询。

如果您已经在使用bootstrap 4，我不会在上面混合媒体查询（只有一个很好的理由-请参阅下文）

使用引导提供的（他们在幕后使用媒体查询）

例如：

<div class="d-sm-none">hide on screens wider than sm</div>
<div class="d-none d-sm-block">hide on screens smaller than sm</div>

隐藏在比sm宽的屏幕上
隐藏在比sm小的屏幕上

“sm”值是因为您要求576px分辨率-查看更多详细信息

只有当您需要引导提供的内置类不支持的屏幕分辨率时，才可以使用媒体查询。

可能重复您所说的“禁用或编辑”是什么意思？你的意思是显示/隐藏？可能与“禁用或编辑”重复？你的意思是显示/隐藏？