Html5 CSSレイアウトとjQuery UIのCSSリセットオプション

Question

私はデフォルトのASP.NET MVC 3.0 Html5 CSSレイアウト（魔法のツールアップデートに付属しています）を使用しています。また、jqueryを多く使用しています。

すべての最新のブラウザでは、すべて同じように見えます。 しかし、私は古いIEのバージョンを見て、私は非常に動揺していた、ウェブサイトのレイアウトがちょうどそこに壊れていた。私は<ul>メニューinline-blockを持っていますが、つまり、古い、ので、私は1つの修正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の前にこの質問をし、回答の1つは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以下ではテストしていませんが、ブラウザが最新ではないことをユーザーに伝え、Webサイトを表示するかアップグレードを続行する必要があり、最近のブラウザと比較してエクスペリエンスが低下する可能性があります。 Chrome、Firefox、IE9へのアイコンとリンクは、この段階で常に役立っています。

とにかくあなたの質問に対する答えはHTML5Boilerplateを使用することです。 CSSまたはHTML5Boilerplateを正規化して検索すると、それはかなり機能します。検索をMVC3と組み合わせると、GithubでMVC3プロジェクト全体が出発点として使用できます。