如何防止图片在移动尺寸的响应式网站上显示？

Question

我目前在WordPress帖子的主体中有一个右对齐图像，该图像已使用WYSIWYG编辑器放置。 但是，我想阻止此图像显示在最大宽度为320px的设备上。

我使用的是响应式主题，但不希望更改网站上其他图像的行为方式。 因此，是否可以专门针对该图像？ 如果是这样，我该怎么做？

奖励：我本来想在移动宽度上更改图像的对齐方式和页边距，但一直无法弄清楚如何在不更改较大屏幕尺寸的情况下进行操作。

到目前为止，尚未找到解决方案。

谢谢！

Answer 1

您可以在编辑器上使用媒体查询，然后转到html编辑器，为该特定图像添加一个ID，例如<img id="target" src="some/image.jpg" />

然后可以将其粘贴到您的style.css文件中

@media only screen  and (min-device-width : 320px)  {
 #target{ display: none; }
}