如何为HTML 5设置空图像<；图片>；？

我的网站顶部有一个我想在小屏幕上完全删除的图像。HTML 5

允许根据屏幕大小更改图像，但当我设置空URL时，它不起作用（图像仍然始终显示）：

如果我设置了一个非空但无效的URL，我会得到一个图像占位符

---

如何完全删除图像？

您可以在中更改设备的宽度大小（最大宽度：1500px）以完全删除图像。为了您的理解，我给了1500px

@仅媒体屏幕和（最大宽度：1500px）{
图片{显示：无；}
}

只是一个问题，为什么要使用

图片

元素呢？@Vucko因为这是一个爱好项目，不起作用，在这种情况下，我总是选择最新的功能，而忽略现实世界浏览器的严酷现实：-）通过使用CSS媒体查询，你可以完全删除图像。例如@media only screen和（max device width:480px）{display:none；}我猜如果给

srcset

一个值，但是让

回退

图像为空会发生什么？啊，我还不知道媒体查询，这更容易，谢谢！

    <picture>
        <source media="(max-height: 650px)" srcset="">
        <img src="img/top.jpg"/>
    </picture>