0

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

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

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

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

我还找到了如何在旧的 IE 浏览器中使用 CSS3Pie 添加支持 css 圆角的修复程序，但它仍然需要一些工作，因为如果带有圆角的元素有边距，CSS3Pie 会忽略它们CSS3Pie 边距设置为零。

我也在使用 html 标签<button>，但在旧的 IE 中它们很烂。我在jQUery ui 按钮 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重置或者至少可能是不够的？

ps

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

4

1 回答 1

0

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

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

于 2011-09-13T11:52:10.330 回答