如何使用HTML阻止图像

Question

我有一个HTML网站。我想使用HTML代码在移动应用中显示它。但我不想阻止/不加载原始网站背景，因为它非常大，你无法看到它的移动性。 有没有办法用HTML / CSS / JavaScript做到这一点？

Answer 1

如果屏幕大于XX，请使用媒体查询加载背景图像。 将媒体查询添加到您的CSS。

将div更改为您正在加载背景图片的元素。

<style>
    @media (max-width:500px) {
      div {
        background-image: none;
      }
    }
</style>

Answer 2

CSS媒体查询是为不同分辨率的HTML文档应用不同样式的最佳方式。

因此，如果您想应用其他样式（此处删除移动设备中的背景图片），您可以使用媒体查询

例如

<style>
@media screen and (max-width:640px){
   element{
      background:none;
   }
}
</style>