Css 在响应式设计中控制显示特性

你好，我有个问题：

假设我有一个用于移动显示器的div：

<div id="wrapper">
  <img src="#"/>
</div>

#wrapper {display: none:}

这会破坏包装器，但也会破坏img，是否有任何方法只使用CSS而不使用Jquery来保护img

谢谢 伦佐

我将试图说明这个网站设计的真正问题是什么，这肯定比我的简单问题更复杂

设计：

我需要的是：

---

我对这个解决方案感到困惑。

请仔细阅读媒体查询。你可以做令人惊奇的事情

---

而且，这个世界比jquery要深刻得多。我很喜欢它，但是看看asp.net和C，甚至php。代码隐藏功能非常强大。你可以很容易地完成你想做的事情。

单用CSS是不可能的。由于您将wrapper的display属性设置为none，因此其中的所有子元素也将隐藏。但是，您可以让一个tablet wrapper为其余设备隐藏它，然后显示你想要的图片？我编辑了我的问题，发布了两张图片。我不知道为什么你需要隐藏和显示一个div。你没有任何事情要做，但这是一个符合你图片的响应布局。首先是手机。没问题。也许竖起大拇指？对不起，你在这儿。