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

Question

我使用默认的 ASP.NET MVC 3.0 Html5 css 布局(女巫工具更新)，我也经常使用 jquery ui。

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

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

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

我还找到了如何使用 CSS3Pie 在旧 IE 浏览器中添加支持 css 圆 Angular 的修复程序，但它仍然需要一些解决方法，因为如果圆 Angular 元素有边距，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 重置附带的 HTML5Boilerplate，一旦您添加 JQuery UI，它将在现有浏览器功能之上运行。我没有测试 IE7 或更低版本，但我更愿意告诉用户浏览器已过时，他们需要升级才能查看网站或继续，与最新的浏览器相比，这可能会降低他们的体验。 Chrome、Firefox 和 IE9 的图标和链接在这个阶段一直很有帮助。

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