Wordpress仅在桌面上显示图像

Question

我正在创建一个移动优先网站，该网站使用全宽背景图片作为特色图片上传到页面。

我遇到的问题是背景图像是内联样式的，因为需要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>

Answer 1

您可以使用具有WordPress支持的Mobile-Detect等库。或者您可以在CSS中使用媒体查询：

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