gpt4 book ai didi

css - IE 6,7,8,9 CSS 兼容性样式表

转载 作者:太空狗 更新时间:2023-10-29 12:27:43 24 4
gpt4 key购买 nike

为所有浏览器开发,然后争取 IE 兼容性是所有 Web 开发过程中众所周知的一步。

不是 Web 集成商,您知道任何适用于 IE 的通用兼容性样式表吗(在我的例子中,我只关心 IE7,但我会让这个问题对所有版本开放)

最佳答案

normalize.css 是一个很好的重置,可以解决很多跨浏览器问题。 http://necolas.github.com/normalize.css/

Twitter Bootstrap如果您想要预制组件,那很好。它与 IE 兼容。如果您决定使用 Bootstrap,其重置实际上改编自 normalize.css (所以你不需要两者)

如果您是从头开始,HTML5 Boilerplate 也可能有助于一些最佳实践标记: https://github.com/h5bp/html5-boilerplate

特别是,我建议使用 HTML5BP 条件注释来定位特定的 IE 版本,如下所示:

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

这意味着在您的 CSS 中,您可以使用类解决 IE 版本特定的问题:

.lt-ie8 .awesome-component { ... }

最后,我建议反对使用像 CSS3PIE 这样的 javascript polyfill。根据我的经验,它们只会造成比其值(value)更多的麻烦,添加不必要的标记。

了解一些关于优雅降级/渐进增强的知识。

另一个答案提到了 IE7.js,我认为它很好,但我不记得它有多大用处。您肯定需要填充缺少的 JS 函数(如果您使用的是 js),例如 IE <= 8 中的 Array.indexOf。我刚刚发现这个看起来不错的 ECMAScript5 填充: https://github.com/kriskowal/es5-shim

关于css - IE 6,7,8,9 CSS 兼容性样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13483829/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com