1

すべての HTML5 コードを使用して Web サイトを構築しています。Chrome ではうまく開きますが、IE や Firefox では何もレンダリングされず、プレーン テキストだけです。

コードを他のブラウザで動作させるにはどうすればよいですか。Google Shiv を試しましたが、何らかの理由で動作しません。助けてください

http://jsbin.com/welcome/48211/edit

誰かがそこに行って、私が間違っていることを理解するのを手伝ってくれるなら、ここにライブコードがあります。

4

3 に答える 3

0

HTML 5とCSS3の実装はブラウザによって異なり、IEとFirefoxの標準では完全にはサポートされていません。Webkitの標準の実装は現在入手できる最高のものであるため、Chromeframeはユーザーベースにとって簡単な回避策である可能性があります：http ：//www.google.com/chromeframe 。また、ここに気の利いたブラウザ比較チャートがあります：http: //html5readiness.com/

于 2012-11-13T19:55:18.477 に答える
0

すべての HTML5 コードを使用して Web サイトを構築しています。Chrome ではうまく開きますが、IE や Firefox では何もレンダリングされず、プレーン テキストだけです。

CSS が正しく読み込まれているかどうかを確認することをお勧めします。

ファイルシステムから直接開いていますか？その場合、IE で F12 を押すと、組み込みの開発者ツールが開き、スタイルが読み込まれているかどうかを確認できます。Firefox では、Firebug アドオンを使用して同じことを確認します。

于 2012-11-13T21:47:30.687 に答える
0

CSS でリセットを行ったことがありますか。リセットにより、サイトのすべての部分を制御できます。あなたの特定の要件にフォーマットのように。CSS をリセットすると、Web サイトのスタイルを作成できるようになるだけでなく、任意の/ほとんどのブラウザーで開始点を作成するために使用できます。つまり、リセットすることによって。リセットの例は次のとおりです。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

IE や他のすべてのブラウザーの多くのバグをカバーする多くのリソースがあります。CSSをリセットして、それらを減らすために最善を尽くす必要があります。

役立つリソースへのリンクを次に示します。

マイヤー ウェブ IE リセット CSS

究極の IE バグ - Virtuosi

6 つの改訂 - CSS のリセット

これが役立つことを願っています。幸運を。

于 2012-11-13T17:57:34.427 に答える