ブラウザが私が書いたコードと互換性がない場合はどうすればよいですか?

今回は、ブラウザが私が書いたコードと互換性がない場合の対処法と、ブラウザの互換性に関する 6 つの主な問題についてまとめました。実際のケースを見てみましょう。

1. 問題 1
問題の症状: スタイル制御なしでいくつかのタグを記述するだけで、それぞれのマージンとパディングが大きく異なります。
解決策: CSS に *{margin:0;padding:0;} を追加します
2. 問題 2
問題の症状: IE6、7 および Ayouli のこのラベルの高さが制御されず、自分で設定した高さを超えます
解決策 : 設定overflow: 高さを超えるラベルは非表示になります。または、行の高さ line-height を設定した高さより低く設定します。
3. 問題 3: CSS の dispaly:inline_block は効果がありません。
解決策: display:inline_block の後に dispaly:inline を追加します。
4. 問題 4: 複数の
img タグの間のスペースを削除できません。 *{margin:0;padding:0;} を使用しても機能しません
解決策: float; を使用します5. 問題 5問題の症状:
min-height
自体が互換性のない CSS プロパティであるため、min-height を設定できませんさまざまなブラウザと互換性があります
解決策: ラベルの最小の高さを 200px に設定する必要がある場合は、次の設定を行う必要があります。 :visible;}6. 質問 6
症状: z-index が失敗します
原因: z-index が機能するには小さな前提条件があります。それは、要素の

position

属性です。それが相対、絶対、または固定である場合。
解決策:
1.position:relative を location:absolute に変更します。3. 位置属性 (相対、絶対など) を追加します。 7. 問題 7
症状: 要素の水平方向のセンタリングの問題
解決策: FF: margin:0 auto;
IE:parent {
text-align
:center }

このケースを読んだ後、それをマスターしたと思います。記事「方法」、さらにエキサイティングな情報については、php 中国語 Web サイトの他の関連記事に注目してください。
関連書籍:

JS でよく使用される配列メソッドのまとめ

2018 年のフロントエンド面接の最新質問 12 件

2018 年のフロントエンド面接の最新質問 10 件

以上がブラウザが私が書いたコードと互換性がない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。