移动浏览器支持

我有一个代码，我只想在移动浏览器中显示;不是笔记本电脑，台式机等...（大于400像素的任何东西），但我似乎无法让代码工作。我尝试时没有任何反应。我究竟做错了什么？移动浏览器支持

这里的的jsfiddle：http://jsfiddle.net/ByDAA/24/

这里的媒体查询

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

来源

2013-10-07 user2680614

'@ media screen and（min-width：0px; max-width：400px）{'有一段时间没有用过媒体查询，但我不太确定，但试试这个。 – Ariane

@Ariane它也行不通。 – user2680614

#images

应该

.images

我做这类错误所有的时间！

jsFiddle here - 工作

来源

2013-10-07 01:20:04

虽然我仍然可以在笔记本浏览器中查看它。当我发布到我的网站时应该禁用它吗？ – user2680614

我在这些情况下使用以下工具来帮助我：[Window Resizer]（https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh）。如果您可以访问Chrome，那么这非常有帮助。这将帮助您确定您的断点是否恰好在400像素。我怀疑你的笔记本电脑的显示器大于400像素？ –

明白了，但是如何告诉我原来的浏览器大小？ – user2680614

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

来源

2013-10-07 01:24:05

移动浏览器支持

回答

相关问题