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

Question

美好的一天，我有一个问题：

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

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

现在，对于平板电脑，我想销毁“包装器” div，并保护img。 平板电脑显示的CSS：

#wrapper {display: none:}

这将破坏包装器，但是img也将毁灭，无论如何，仅使用CSS而不使用Jquery来保护img是安全的吗？

谢谢伦佐

我将尝试展示此网站设计的真正问题是什么，它肯定比我的简单问题还要复杂。

该设计：

http://www.abejanegra.com/images/design_problem_a.jpg

我需要的：

http://www.abejanegra.com/images/design_problem_b.jpg

我对此解决方案感到困惑。

Answer 1

阅读媒体查询。 您可以做奇妙的事情。

而且，世界比jquery更深入。 我喜欢它，但请查看asp.net和C＃，甚至php。 背后的代码非常强大。 您可以非常轻松地完成您想做的事情。