移动浏览器支持
我有一个代码,我只想在移动浏览器中显示;不是笔记本电脑,台式机等...(大于400像素的任何东西),但我似乎无法让代码工作。我尝试时没有任何反应。我究竟做错了什么?移动浏览器支持
这里的的jsfiddle:http://jsfiddle.net/ByDAA/24/
这里的媒体查询
@media screen and (min-width: 0px) and (max-width: 400px) {
#images { display: none; } /* hide it elsewhere */
}
虽然我仍然可以在笔记本浏览器中查看它。当我发布到我的网站时应该禁用它吗? – user2680614
我在这些情况下使用以下工具来帮助我:[Window Resizer](https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh)。如果您可以访问Chrome,那么这非常有帮助。这将帮助您确定您的断点是否恰好在400像素。我怀疑你的笔记本电脑的显示器大于400像素? –
明白了,但是如何告诉我原来的浏览器大小? – user2680614
'@ media screen and(min-width:0px; max-width:400px){'有一段时间没有用过媒体查询,但我不太确定,但试试这个。 – Ariane
@Ariane它也行不通。 – user2680614