Php Wordpress仅在桌面上显示特色图像

我正在创建一个移动第一网站，利用全幅背景图像作为特色图像上传到页面

我遇到的问题是背景图像的样式是内联的，因为需要PHP来获取实际的背景图像。现在，因为图像是以内联方式获取的，所以无论您在哪个平台上，图像都将被下载。我只希望在您使用台式机/平板电脑设备时，图像可用/下载。永远不要在移动设备上。所以我需要一种方法，如果你在移动设备上，可以阻止图像被下载——以前有人有过这样的经验吗

我当前拥有的代码：

<?php $background_image = wp_get_attachment_image_src(get_post_thumbnail_id($page -> ID), 'full'); ?>

<div class="page-background-image" style="background-image: url(background_image);"></div>

---

您可以使用具有WordPress支持的库，如。也可以在CSS中使用媒体查询：

@media (max-width: 600px) {
  .page-background-image {
    display: none;
  }
}

---

媒体查询没有效果，因为对图像的调用是内联的，因此图像仍然可以下载。@leaksterrr如果这是一个问题，那么您可能应该使用服务器端解决方案，例如Mobile Detect。我相信如果没有显示div，图像不会被下载-仅当图像应显示时（即div可见且背景图像已设置）才会被下载。另一种相反的效果是，我在打开主体标记之后使用divs来预加载悬停效果的图像。@CalvindeClaisse Walford我认为这取决于浏览器：我必须将.page背景图像包装到父容器中，然后指定display:none；给父母