如何删除媒体查询中的某些 html？(在iPhone上它不会在那里)

Question

我知道如何在媒体查询上编辑css，但是我如何使它在屏幕小于500px时，某些html标签甚至不存在?由于

Answer 1

你不能。它们将永远是DOM的一部分(至少在你开始添加JavaScript之前)。

你能做的最接近的就是写一个样式，将它们设置为display: none，这样它们就不会被渲染。

Answer 2

屏幕尺寸小于500px，你可以隐藏你想要的html标签。

@media screen and (max-width: 500px) {
    p {
        display:none;
    }
}