移动浏览器支持

时间:2013-10-07 01:15:30

标签: html css

我有一个代码,我只想在移动浏览器中显示;不是笔记本电脑,台式机等...(任何大于400px的东西)但我似乎无法让代码工作。我尝试的时候没有任何事情发生。我做错了什么?

这是JSFiddle:http://jsfiddle.net/ByDAA/24/

这是媒体查询

@media screen and (min-width: 0px) and (max-width: 400px) {
  #images { display: none; }   /* hide it elsewhere */
}

2 个答案:

答案 0 :(得分:1)

#images

应该是

.images

我一直犯这些错误!

jsFiddle here - 工作

答案 1 :(得分:0)

这是你想要的OP吗? http://codepen.io/anon/pen/egpbx