なぜあなたのウェブサイトは別のブラウザで異なるように見えるのですか?
ブラウザの役割
ブラウザの主な機能は、ブラウザのウィンドウにそれらを表示するよう要求することによって、HTMLドキュメント、PDFファイル、画像などのユーザーの選択されたWebリソースを提示することです.
HTMLのようなドキュメントでは、CSSはブラウザのレンダリングエンジンで解釈する必要があります.
差異の理由
別のブラウザが異なるレンダリングエンジンを持って、しばしばHTMLやCSSのようなソースコードを解釈するように、わずかに異なる方法で、ウェブサイトを探していることが異なるか、または正しく表示されることはできません.
箱の違い
CSSでは、DIV、H、Pなどの各要素にボックスの概念があります.ボックスは、外側から、マージン、境界線、パディングやテキストやイメージのようなコンテンツから構成されます.
box {
width: 400px;
}
上記のようなコンテンツの幅を定義することもありますW3C World Wide Webの主要な国際標準組織であるBoxモデルは、幅をコンテンツ幅と定義します.一方、Windowsエクスプローラーの主要なブラウザであり、WindowsコンピュータにインストールされているInternet Explorer Boxモデルは、幅をコンテンツ+パディング+ボーダーと定義します.doctype
HTMLを経験している場合は以下のコードを見てください.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
or<!DOCTYPE html>
DocTypeはDTDの宣言です.そして、それは「文書タイプ定義」を表します、そして、HTMLタグではありません.HTMLはSGML(Standard Generalized Markup Language)に基づいた言語であり、docType宣言とDTDはSGMLから派生している.
多くのウェブブラウザは、DOCTYPE宣言とその内容の有無に応じて標準的な準拠モードや互換性モードなどのさまざまな方法でドキュメントを表示します.この表示方法の切り替えはDocTypeスイッチと呼ばれる.doctypeスイッチが動作する方法の簡単な説明は、DOCTYPE宣言がHTML文の冒頭に置かれていない場合、ブラウザのディスプレイの古いバージョンに適応されることです.
HTML 5はもはやSGMLに基づく言語です.したがって、HTML 4まで使用される言語と異なり、DTDは必要ありません.しかしながら、doctypeスイッチがブラウザを標準準拠モードで動作させることができるので、doctype宣言自体はHTML 5でまだ必要です.
更なる知識
ブラウザについてもっと知りたい場合はhere 私が考える最高のリソースにアクセスする.
上記のテキストリンクをクリックできない場合は、以下のURLをインターネットブラウザにコピーしてペーストします.
https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/
Reference
この問題について(なぜあなたのウェブサイトは別のブラウザで異なるように見えるのですか?), 我々は、より多くの情報をここで見つけました https://dev.to/duck_programmer/why-does-your-website-look-different-in-different-browsers-283eテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol