仅在某些纵横比内隐藏移动图像

Question

预先感谢您的帮助！

我们使用的CMS平台在移动设备上显示不太显示图像，并且想隐藏它们，因为它们太大而无法显示在那里（图像包含在该尺寸时不可读取的文本）。

有没有办法使用JS来定位这些图像并仅在移动设备上隐藏它们？我们不想隐藏所有图像 - 只有某些横幅图像在某些长宽比之内。例如，所有高度在100-150和宽度之间的图像在800-1200之间？

编辑：这里有一些模型，可以更好地说明问题：

桌面模型

移动模型

如您所见，横幅呈现在桌面上，如预期。在移动设备上，图像横幅文本太小，无法阅读。我想从手机上删除图像横幅，但不能仅通过CSS来瞄准横幅，因为它也会影响其他图像。

我曾考虑过在特定长宽比（100-150之间的高度和800-1200之间的宽度之间的高度）中靶向图像，并通过JS隐藏它们，但到目前为止尚未起作用。我也尝试使用以下脚本（针对确切的维度），但没有运气：

 $('img').each(function() {
    'use strict';
    var img = $(this);
    if (img.width() === 600 && img.height() === 120) {
      img.hide();
    }
  });

谢谢！

Answer 1

如果要定位设备宽度和高度，则可以使用CSS媒体查询来完成。可以在此处找到类似的帖子。

编辑：上面的答案与问题无关。