Html5 css 布局和 jQuery UI 的 css 重置选项

Question

我正在使用默认的 ASP.NET MVC 3.0 Html5 css 布局（带有女巫工具更新），并且我也经常使用 jquery ui。

在所有现代浏览器中看起来都非常相似。 但是当我开始查看旧的 IE 版本时，我非常沮丧，网站布局就在那里中断了。我有<ul>menu inline-block 但在旧版本中，即不支持它，所以我找到了一个修复IE7 does not understand display: inline-block：

/* For IE 7 */
zoom: 1;
*display: inline;

但在我的情况下，它仍然需要一些工作才能使其看起来像在现代浏览器中一样。

我还找到了如何在使用 CSS3Pie 的旧 IE 浏览器中添加支持 css 圆角的修复程序，但仍然需要一些解决方法，因为如果圆角元素有边距，CSS3Pie 会忽略它们CSS3Pie margins sets to zero。

我也在使用 html 标签<button>，但在旧的 IE 中它们很烂。我在jQUery ui buttons some issues in IE7 之前问过这个问题，其中一个回复是使用Css rest。

我用谷歌搜索后发现其中有很多：

http://meyerweb.com/eric/thoughts/2011/01/03/reset-revisited/

http://html5doctor.com/html-5-reset-stylesheet/

http://necolas.github.com/normalize.css/

...还有更多，但这个看起来很受欢迎。

所以我的问题是，在我的情况下，选择哪个CSS reset 更好？ 我正在使用ASP.NET MVC 3.0 Html5 css layout + jquery-ui。还看着ASP.NET MVC 3.0 Html5 css layout，我可以说它里面有一些css重置，或者它真的不是css重置，或者至少可能还不够？

附言

真正的互联网应该禁止 IE7，因为它破坏了漂亮的布局。

Answer 1

您最好使用带有 Normalize CSS reset 的 HTML5Boilerplate，一旦您添加 JQuery UI，它将在现有浏览器功能之上运行。我没有测试过 IE7 或更低版本，但我更愿意告诉用户浏览器已过时，他们需要升级以查看网站或继续，与最近的浏览器相比，这可能会降低他们的体验。 Chrome、Firefox 和 IE9 的图标和链接在这个阶段一直很有帮助。

无论如何，您的问题的答案是使用 HTML5Boilerplate。搜索 Normalize CSS 或 HTML5Boilerplate，你会发现它非常有效。将您的搜索与 MVC3 结合起来，您将在 Github 上找到一个完整的 MVC3 项目，您可以将其用作起点。