Afficher la page web dans chaque pc différent

Question

J'ai créé une page web simple en utilisant jQuery. Lorsque vous l'ouvrez sur un autre PC, il semble différent (plus grand et certains débordements de la table HTML à partir des onglets du corps).

Pouvez-vous me dire pourquoi cela se produit? Comment puis-je rendre cet affichage identique sur toutes les machines?

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

Mon PC est oblongue environ 15 pouces et les autres est carré d'environ 14 pouces.

Answer 1

Eh bien, une chose que vous ne considérez pas est la résolution. Si mon ordinateur utilise une résolution DPI différente de la vôtre, même avec le même moniteur de taille, il apparaîtra plus grand ou plus petit.

Pour d'autres raisons, les paramètres du navigateur peuvent avoir différentes tailles de police. Les navigateurs pourraient accidentellement être bloqués en mode 'zoom'.

Vous pourriez utiliser différents navigateurs.

Vous pouvez installer différentes polices.

dans les fenêtres, vous pourriez utiliser une grande DPI qui fait tout paraître plus grand.

Il y a beaucoup de facteurs pour lesquels ils pourraient sembler différents.