我有一个实用程序可以扫描我的 css 文件并将图像嵌入为 base64 以减少对服务器的请求量。不幸的是,IE 不支持这个。
我知道如何使用条件注释来包含特定于 IE 的样式表,但是 FF、Opera 和 Webkit 呢?我不想给它不使用的 IE 样式表。
谢谢
我有一个实用程序可以扫描我的 css 文件并将图像嵌入为 base64 以减少对服务器的请求量。不幸的是,IE 不支持这个。
我知道如何使用条件注释来包含特定于 IE 的样式表,但是 FF、Opera 和 Webkit 呢?我不想给它不使用的 IE 样式表。
谢谢
Firefox、Opera 和 Safari 没有条件注释。我不确定您是否可以使用 Javascript 加载样式表,但我建议您不要这样做。
使用像 PHP 这样的服务器端脚本语言来确定客户端并提供相应的 CSS 文件是很常见的。在 PHP 中,用户代理可以通过解析$_SERVER['HTTP_USER_AGENT']
.
如果您不习惯用 PHP 编程,可以使用许多脚本。这个似乎特别有希望。
如果我正确理解了您的问题(如果我没有正确理解),您可以使用条件注释从 IE 中排除 CSS 文件:
<![if IE 9]>
IE will ignore this; other browsers won't.
<![endif]>
通过读取 Web 请求中的用户代理,您可以在 HEAD 标记中提供不同的样式表。
相反。最好的方法是使用以下方法。
类型=“文本/野生动物园”
类型=“文本/铬”
阅读以下帖子以获得更好的解释。
http://webgyani.com/2010/03/how-to-serve-different-stylesheets-only-to-safari-and-chrome/
-阿米特
相反。最好的方法是使用以下方法。类型=“文本/野生动物园”类型=“文本/铬”
不,不要依赖浏览器错误!Chrome 计划在版本 50 中修复此问题(并因此禁用此 hack)。
http://code.google.com/p/chromium/issues/detail?id=286682
https://groups.google.com/a/chromium.org/forum/m/#!topic/blink-dev/nH1O6WszMgo