仅在桌面版本中加载图像

Question

在网站上，我想仅在用户在笔记本电脑或台式机上查看该页面时加载我的背景图像。在移动版本中，我不希望图像显示，另外（！）我不希望它加载。

实现这一目标的最佳方式是什么？

Answer 1

尝试使用以下内容，使bg图像的使用取决于屏幕尺寸。您可以为另一个屏幕尺寸

设置下面示例的另一个块

@media screen and (max-width: 768px) { /* Adjust as needed */
    body { /* The element or whatever */
        background-image: none;
    }
    }

Answer 2

使用css：

//default css
    body{
        background-image:url(images/image_de_fond.png);
    }

    @media screen and (max-width: 640px) {
    // for screen under 640px width the following css will be applied
        body{
            background-image:none;
        }
    }