CSS未在某些浏览器中应用

Question

我有一个搜索栏插件（Wordpress），我已经修改了CSS以适合我的设计。问题是它在我最新版本的Chrome中显示正常，但它在其他版本或Internet Explorer中没有显示。

以下是它应该如何应对：http://i.imgur.com/eTpHgK2.png

以下是iExplorer和其他一些案例中的显示方式：http://i.imgur.com/1WKwYWc.png

网址为：impresionados.net

CSS：http://pastebin.com/bjpLS3DM

看了之后，似乎在第一种情况下应用了自定义样式，但在第二种情况下却没有。我已经寻找缺少的冒号或关闭花括号，但我没有看到任何人错配。

问题出在哪里或哪些工具可以帮我识别问题？谢谢！

Answer 1

您几乎将所有代码都包装在媒体查询中，只能由某些浏览器进行解释。您可能需要考虑实施http://modernizr.com/来为该方案创建回退。

查看http://caniuse.com/#search=media以查看可以使用某些CSS选择器的扩展程序。