Yahoo UIリセット CSSツール/ファイルについて知り、自分の Web サイトで使用しています。私のマシンには Internet Explorer 7 と Firefox 3.01 があり、Web ページはこれら 2 つのブラウザーで同じように見えます。友人が Internet Explorer 6 を使用していて、ページが完全にめちゃくちゃです。2 つの質問があります。
Web サイトが Internet Explorer 6 で見栄えが悪いからといって、CSS が苦手というわけではありません。CSS に関して、Internet Explorer のレンダリング エンジンにはいくつかの文書化されたバグがあります。Web デザイナーと開発者は、何年もの間、これらのバグと格闘してきました。DiggやYouTubeなどのいくつかの有名な Web サイトは、IE6 をサポートしなくなります。
複数のブラウザーで Web サイトをテストするには、いくつかのオプションがあります。最も簡単な方法は、テストするすべてのブラウザーをローカル コンピューターにインストールすることです。5 つの主要なブラウザーがあり、複数のバージョンをインストールするには、すべて異なる方法が必要です。
Windows XP を使用している場合は、複数の IEを使用して Internet Explorer バージョン 3、4.01、5、5.5、および 6 をインストールできます。
Windows Vista または Windows 7 (さらに言えば Windows XP) を使用している場合は、完全ライセンスの Windows オペレーティング システムと Internet Explorer を含む仮想マシン イメージを Microsoft からダウンロードできます。これらの仮想マシン イメージは、90 ～ 120 日ごとに期限切れになります。次の画像を提供しています。
これらのイメージはすべて、無料のVirtual PC 2007で使用できます。
同じオペレーティング システムに複数のバージョンの Firefox をインストールできますが、インストールするバージョンごとに新しいプロファイルを作成することを強くお勧めします。これを設定するには、 Rob Cherny のブログで概説されている手順を使用できます(この記事では Firefox 2 について言及していますが、Firefox 3 および 3.5 でも機能します)。または、 MultiFirefoxを使用できます。
同じマシンで複数のバージョンの Google Chrome を実行する簡単な方法はありません。Chrome のインストールはユーザー アカウント固有であり、Chrome のスタンドアロン バージョンが利用可能になっているため (質問 3785991を参照)、テストする Chrome の古いバージョンごとに新しい Windows/Mac ユーザー アカウントを作成できます。
ただし、更新が自動的かつサイレントに適用されるという事実は、古いバージョンの Chrome 用に Web サイトを設計することについてあまり心配する必要がないことを意味します. これが受け入れられない場合は、複数のユーザー アカウントを使用するか、以前に Internet Explorer で推奨されていた仮想イメージを使用する必要があります。
Safari は、同じマシンで複数のバージョンを実行する簡単な方法がないという点で Google Chrome に似ています。Michel Fortin の記事で、Mac OS X で複数のバージョンを実行する方法を詳しく説明しています。Windows でのローダウンについては、このスタック オーバーフローの質問を参照できます。繰り返しになりますが、仮想イメージが唯一の方法のようです。
別のディレクトリにインストールされている限り、古いバージョンの Opera を問題なくインストールできます。
マシンでのテストに特にこだわらない場合は、 https://browsershots.orgまたはhttps://blisk.ioを試すことができます。これらは無料で、Linux/Windows/Mac OS/BSD のさまざまなブラウザーでサイトのスクリーンショットを提供します。
CSS のリセット (YUI はその一例にすぎません) は、HTML 要素のデフォルトの CSS プロパティにおけるブラウザーの違いを取り除くことを目的としています。たとえば、一部のブラウザーでは、html要素にデフォルトの 8 ピクセルのパディングがあります (見つけたのは驚きでした)。私が最初に見つけたとき、html要素はスタイルさえ設定されていました）。
あなたのIE6の問題はそれとは完全に別物です。サイト自体の例がなければ、その理由を説明することはできませんが、かなり高度な CSS 機能 (たとえば、a > b セレクター、非アンカーへの :hover、特定の配置スキームなど) に依存していることは明らかです。 .
IE の場合、このツール(Multiple IE)を使用して、古いバージョンの Web サイトをテストできます。
CSS のリセットについては、この質問にリダイレクトします。
さまざまな IE バージョンをテストするために、ietesterを使用します
各ブラウザー タブで異なる ie バージョンを許可し、無料です。
その目的は、HTML（編集：ブラウザには要素のプロパティが事前定義されています.ty Zack）には、段落要素の組み込みのパディング/マージンなど、その要素の事前定義されたプロパティがいくつかあることです。リセット チート シートを使用するポイントは、すべての要素 (サイズ、マージン、パディングなど) に等しいデフォルト値から始めることです。プロジェクトでリセット ファイルを使用しますが、元の形式では使用しません。使用するシート内の要素を決定する必要があり、そこにあるタグにいつでも他の既定値を割り当てることができます。
編集: 利用可能なほとんどのブラウザーをインストールすることで、Web ページをテストできます。これは、ブラウザの使用状況を表す最新の統計です。私のアドバイスは、Mozilla を最初に選択するテスト ブラウザーとして使用し、時々他のブラウザー (IE6、IE7、IE8、Opera、Chrome、Safari (少なくとも)) でページをテストすることです。これは、1 台の PC での複数の IE に関する議論への参照です。頑張ってください！