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; 

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

另外我发现修复如何添加支持css圆角在旧的IE浏览器与CSS3Pie，但它仍然需要一些解决方法，因为如果具有圆角的元素有边距，CSS3Pie忽略它们CSS3Pie margins sets to zero。

此外，我使用HTML标记<button>，但在旧的IE浏览器他们只是很烂。我在jQUery ui buttons some issues in IE7之前问过这个问题，其中一个回复是使用Css rest。

后，我用Google搜索，我发现有相当多的人：

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重置或至少可能是不够的？

P.S

真正的互联网应该禁止IE7，因为它是休息好的布局。

Answer 1

您最好使用标准化CSS重置的HTML5Boilerplate，一旦添加了JQuery UI，它将在现有浏览器功能的基础上工作。我还没有测试IE7或更低版​​本，但我更愿意告诉用户该浏览器已过期，他们需要升级才能查看网站或继续浏览，与最近的浏览器相比，它可能会降低其体验。 Chrome，Firefox和IE9的图标和链接在这个阶段一直都很有帮助。

无论如何，回答你的问题是使用HTML5Boilerplate。搜索正常化CSS或HTML5Boilerplate，你会看到它的作品非常多。将您的搜索与MVC3结合起来，您将在Github上找到一个完整的MVC3项目，您可以将其作为起点。