【问题标题】:Bringing in new elements with Media Queries使用媒体查询引入新元素
【发布时间】:2012-02-07 21:59:33
【问题描述】:

我将尝试更恰当地重新措辞,因为与此主题有关的最后两个问题没有答案,反馈也很少,不知道为什么。

我想知道我是否可以使用 CSS3 媒体查询隐藏元素并在某些分辨率下调用它们(假设是在页脚小部件中手动编码的 div 框)

在所有视口隐藏它,直到,比如说 480px;然后我们会显示它。

这可能吗?可以用 类似的东西

您不希望显示的所有视口 = visibility: hidden;

然后你希望它显示并且你编码=display: inline;

这显然行不通,因为我刚刚尝试过,但是有没有类似的方法可以用 CSS 做到这一点,这是最好的方法吗? 最终,我的目标是拉手风琴以在下方 480 像素处显示移动设备内容。

【问题讨论】:

  • 嗯...最好编辑您的原始问题,而不是从头开始发布新问题,因为您之前的问题无论如何都没有得到任何答复。您可以删除旧问题,或者如果您不能这样做,请标记它们,我会处理的。

标签: mobile css media-queries responsive-design


【解决方案1】:

这绝对是可能的,只是你需要display: none,而不是visibility: hiddenThere is a reason why these are two distinct properties.

【讨论】:

  • 谢谢,那么我所描述的可能吗?
  • 是的,如果你可以display: none它在某些尺寸上,你没有理由不能在其他尺寸上做。
  • 所以,我刚刚做了一个测试,它可以工作。你觉得我可以拉一个这样的 jQuery 手风琴吗?
  • 好吧,我以前没有使用过 jQuery/CSS 手风琴,但你可以试试看!
猜你喜欢
  • 1970-01-01
  • 2021-11-01
  • 2014-12-27
  • 1970-01-01
  • 1970-01-01
  • 2012-08-31
  • 1970-01-01
  • 1970-01-01
  • 2015-11-10
相关资源
最近更新 更多