仅在桌面版本中加载图像

Load image only in desktop version

本文关键字：加载 图像 版本 桌面      更新时间：2023-09-26

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

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

使用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;
        }
    }

尝试下面这样的操作，使bg图像的使用取决于屏幕大小。您可以为另一个屏幕大小的设置下面示例的另一个块

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