0

私のasp.netウェブサイト/htmlベースのウェブサイトがすべてのブラウザ（IE/Firefox/Opera）で正しい長さ/高さの寸法で適切に動作するように、htmlファイルで行う必要がある方法または設定があるかどうか疑問に思っています...など....設定とどこでそれを行う必要がありますか?

4

3 に答える 3

1

http://crossbrowsertesting.com/userのテスト センターに移動し、ライブ テストを実行します。複数のブラウザーとバージョンのオプションがあります。

于 2012-07-09T18:17:22.670 に答える
1

すべてのブラウザの互換性を確認する方法は 1 つではありません...

これに関する主な問題は、各ブラウザが独自の CSS3 標準のバリエーションを使用していることです。Gecko と Webkit ブラウザーはかなり一貫しているように見えますが、IE は通常、特にバージョン間で歯車にレンチを投げかけます。

正直なところ、標準に準拠し、各ブラウザーを対象とするブラウザー エンジン固有のスタイルを含めるようにするのが最善です。

たとえば、背景を設定していて、CSS スタイルのグラデーションが必要な場合は、次のようにする必要があります。

.gradient-bg {
    background: #ececed;
    background: -moz-linear-gradient(top,  #ececed 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececed), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #ececed 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #ececed 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #ececed 0%,#fefefe 100%);
    background: linear-gradient(top,  #ececed 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececed', endColorstr='#fefefe',GradientType=0 );
}

これにより、グラデーション変換をサポートしていない従来のブラウザーや、サポートしているが異なる方法でサポートしているさまざまなバージョン (つまり、-ms-linear-gradient と filer: progid:DXImageTransform.Microsoft.gradient または -webkit) に確実に対処できます。 -gradient 対 -webkit-linear-gradient)。また、ブラウザーによって認識されない CSS 属性は無視され、ブラウザーのレンダリングは次に認識されるスタイル バリアントに分類されることにも注意してください。

CSS3 用に開発し、非正統的なブラウザーに非正統的にレンダリングさせることは、ますます業界標準になりつつあります。

本当に確実な唯一の方法は、サポートされている各ブラウザでチェックして、自分の目で確かめることです. また、IE には以前のバージョンの IE のようにレンダリングされたコンテンツを表示できる開発者ツールが付属していますが、実際の (非互換ビュー) バージョンとは大幅に異なる場合があることに注意してください。

さまざまなバージョン番号で同じ (またはそれに近い) IE をレンダリングする最も簡単な方法は、META タグを使用して互換性を強制することです。( IE7 モードでレンダリングし、DOCTYPE ディレクティブをサポートします)。

簡単に言えば、webkit と gecko の互換性を保つために標準に固執し、IE の問題に出くわしたら対処するようにしてください。IE は、他の 2 つのカテゴリに属していない唯一のブラウザーに関するものなので、問題はありません。

于 2012-07-09T18:18:18.800 に答える
0

AdobeBrowserLabなどの複数のブラウザでページを表示できるサービスを使用してください。

于 2012-07-09T18:02:27.487 に答える