Question

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

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

奖励：我最初想要在移动宽度上更改图像的对齐和边距，但是如果不改变它在更大屏幕尺寸下的行为方式，就无法弄清楚如何做到这一点。

到目前为止无法找到解决方案。

谢谢！

Answer 1

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

然后你可以将它粘贴到你的style.css文件

上

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