如何防止圖片在移動尺寸的響應式網站上顯示？

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