使用css3 js的浏览器兼容性[关闭]答案

【问题标题】：browser compatibility using css3 js [closed]使用css3 js的浏览器兼容性[关闭]
【发布时间】：2014-05-09 10:37:17
【问题描述】：

我正在着手建立一个新网站的项目。

据我所知，现在很多人只是直接使用 css3 和 ajax，而不是费心支持没有安装 JS 的浏览器。他们正在使用许多解决方法，例如在旧浏览器中通过 javascript 启用 css3

这是现在理想的方式吗？

【问题讨论】：

您可以为每个浏览器编写各种样式表，并使用 JavaScript 根据您从用户浏览器收到的 userAgent 加载适当的样式表。
这取决于项目、目标受众以及 JS/CSS 不起作用时所经历的退化程度。
“不想支持没有安装 JS 的浏览器”——你能提供这种浏览器的例子吗？
你可以使用modernizr modernizr.com

标签： javascript css browser compatibility

【解决方案1】：

我的建议是所谓的“渐进增强”：

Progressive Enhancement 表示每一层（内容，后跟标记、样式和行为）建立在下一个之上，确保对于功能较弱的浏览器，可以一路访问核心内容和设备。这与您的网站是否有效等细节无关使用 JavaScript、CSS3 动画或图标字体。这甚至不是关于技术。从本质上讲，渐进增强意味着思考一个网页从内容出来。

http://cognition.happycog.com/article/progressive-enhancement-its-about-the-content

从简单开始，添加 Unobtrusive JavaScript 和 Css3，如果不支持，它们不会阻止用户导航和使用网站。

【讨论】：

【解决方案2】：

这真的取决于具体情况。如果你需要支持像 IEhttp://www.caniuse.com，快速了解哪些浏览器（版本）支持哪些功能。

【讨论】：

谢谢。现在假设每个人都安装了 javascript 是个好主意吗？
好吧，假设您现在想要一个良好的用户体验，这是大多数网站的假设。有很多所谓的单页应用程序，如果你禁用 JS，它们就不会做任何事情。所以我想说你可以假设大多数人都启用了 JS，如果没有，你就不能给他们想要的体验。当然，最好实现一个无 JS 回退或一个

【解决方案3】：

跨浏览器开发、JS 和 CSS3 支持、回退、变通方法和降级的问题是时间和金钱的问题。在某些情况下，支持旧的或重要的浏览器可能会花费您开发时间的一半左右。时间就是金钱。如果您不确定此类浏览器是否会分享大量访问者（即您的潜在客户），是否应该花费这段时间？

目前即使是 IE8 也只有 4.31% 的份额。并且支持JS。

【讨论】：