各PCのウェブページを別々に表示

Question

jQueryを使用して簡単なWebページを作成しました。別のPCで開くと、それは違って見えます（より大きく、HTMLタブの一部が本体タブからオーバーフローします）。

なぜ起こるのか教えてもらえますか？このディスプレイをすべてのマシンで同じようにするにはどうすればよいですか？

私のCSSコード：

<style type="text/css"> 
    label { width: 15em; float: left; } 
    label.error { display: none; float: none; color: red; 
       padding-left: .5em; vertical-align: top; } 
    p { clear: both; } 
    .submit { margin-left: 12em; } 
    em { font-weight: bold; padding-right: 1em; vertical-align: top; } 
</style> 

<style type="text/css"> 
    body { 
    font-family:Times new roman, verdana; 
    font-size:22px; 
    width: 950px; 
    height:70px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 6px; 
    background-image:url("wood_texture2.jpg"); 
    overflow:auto; 
    } 
</style> 

私のPCは約15インチと他の人が平方およそ14インチである楕円形です。

Answer 1

あなたが考慮していないことは、解決策です。私のコンピュータがあなたと同じDPI解像度を使用している場合、同じサイズのモニタであっても、それは大きくても小さくても表示されます。

これが発生するその他の理由として、ブラウザの設定に異なる最小フォントサイズがある可能性があります。ブラウザが誤って「ズーム」モードになっている可能性があります。

異なるブラウザを使用している可能性があります。

異なるフォントをインストールしている可能性があります。

あなたは大きなDPIを使用していて、すべてが大きく見えるようにすることができます。

異なるように見える理由はたくさんあります。