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

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; }
}