Anzeige Webseite in jedem PC anders

Question

Ich habe eine einfache Webseite mit jQuery gemacht. Wenn es auf einem anderen PC geöffnet wird, scheint es anders zu sein (größer und einige der HTML-Tabellenüberläufe von den Body-Tabs).

Können Sie mir sagen, warum es passiert? Wie kann ich diese Anzeige auf allen Maschinen gleich machen?

Mein CSS-Code:

<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> 

Mein PC ist länglich etwa 15 Zoll und die andere ist Platz etwa 14 Zoll.

Answer 1

Nun, eine Sache, die Sie nicht in Betracht ziehen, ist die Auflösung. Wenn mein Computer eine andere DPI-Auflösung als Ihre verwendet, wird er selbst bei einem Monitor derselben Größe größer oder kleiner angezeigt.

Andere Gründe, warum dies passieren könnte, könnten die Browsereinstellungen unterschiedliche Mindestschriftgrößen haben. Die Browser könnten versehentlich im Zoom-Modus stecken bleiben.

Sie könnten verschiedene Browser verwenden.

Sie könnten verschiedene Schriftarten installiert haben.

In Windows könnten Sie eine große DPI verwenden, die alles größer erscheinen lässt.

Es gibt viele Faktoren, warum sie anders aussehen könnten.