Image 移动版下载的图像比需要的多

我已经为我的网站制作了响应性的vesrion，但我对图像（或网站大小）有问题。在“pc”版本中，我有图像，比如说设计图像

在移动版中，我设置为元素显示：无，我的移动版中不需要这些图形化的东西

当我在PC浏览器（Firefox、Chrome）的小窗口（比如说500px宽）中打开页面时，我看到了手机上的一切。当我查看开发工具时，我看到所有的图片（包括图片有display:none或background:none）都已下载

问题：是否可以仅下载此分辨率所需的图像？当我改变窗口大小时，其他图像将开始下载（这不是正常的用户行为，正常用户有任何大小的窗口/视口，在查看网站时不会改变。当他们尝试时，他们会等待一点新图像，如果必要的话）

谢谢。

看一看。由于您的页面被解析并从服务器发送到桌面，因此PHP可以过滤出移动设备是否正在查看页面，并防止发送不需要的代码（以及随后通过类似代码的图像加载的对象）

有一组很好的示例/用例供您了解如何构造代码

PHP真实世界示例

^这是一个包含所有页面访问的文件

文章标题
诸如此类的东西

---

Deryck，我不想让我的网站有三个版本（pc、平板电脑、手机）。我需要像我以前写的那样制作一个响应性强的网站（PHP不知道我在客户端的分辨率是多少）。所以，这就是为什么这个解决方案不可行的原因。我不喜欢这么晚才编辑帖子，但用颜色编码和字体会更容易理解。我将在这里向您展示更多信息，并希望澄清我当然不希望您创建多个站点。我不想检测移动设备，这不是我的问题。如果你在PC中查看我的网站，并且视口宽度为500px，你必须查看“移动”版本。但你告诉我我应该展示图像。第二件事，我有iPhone，它是移动设备。在肖像上我看到了cca平板电脑版本，在风景上我看到了完整的网站。另一个设备具有类似的行为。设备和设备、景观和视口之间存在差异。我不想制作手机版本（你们的解决方案类似于在子域上制作手机版本）。

<?php
  include 'Mobile_Detect.php';
  $device = new Mobile_Detect;
  if ($device->isMobile()) {
    $images = FALSE;
  }
?>

<article>
  <header>
    <section id="author-name">
      <?php print $author_name ?>
    </section>
    <section id="author-img">
      <?php if($images): ?><img src="http://example.com/image.jpg" /><? endif; ?>
    </section>
  </header>
  <content class="article">
    <?php if($images): ?><img src="http://example.com/article1.png" class="article" /><? endif; ?>
    <h2 class="title article">Article Title</h2>
    <p class="content article">Blah blah blah blah blah article stuff</p>
  </content>
</article>