我有一系列特定于许多不同分辨率的样式表。 我链接到他们在头中的引用,如:媒体查询不适用于Chrome,适用于Firefox
<link rel="stylesheet" media="(min-width: 1024px) and (max-width: 1024px)" href="http://site.com/child-theme/1024.css" />
在Firefox中,他们顺利工作,但在Chrome中(也可能是Safari浏览器),它不接受媒体查询,即使它清楚地检测/看到它们,因为它们在Firebug中可见,但它们被划掉。
不能为我的生活弄清楚......任何帮助解决这个难题将非常感激!
我的(wordpress)网站是:HBB-Inc.com 要查看它应该如何看,请在Firefox中查看...然后在Chrome中进行比较。
你试图对所有属性使用双引号(“),而不是混合单引号(' )和双重? – Giona
尝试使用所有双引号,但问题仍然存在。根据Firebug浏览器(Chrome)清楚地检测到应该应用的媒体查询样式表,但是CSS本身被划掉,转而使用主样式表 – user2400304