Comment corriger les tailles de polices différentes entre les navigateurs

Question

Je développe un site web et je remarque qu'il ya une différence de taille de entre la taille de la police et d'autres navigateurs. C'est un exemple de ma page:

Je le conçois pour ressembler à la première et la deuxième image, mais comment il regarde sur IE rompt mon design. Comment puis-je resoudre ceci?

Answer 1

Assurez-vous que vous utilisez une réinitialisation CSS de quelque sorte. Tous les navigateurs ont leurs bizarreries. En utilisant une réinitialisation CSS, vous normaliser un peu. Voici un bon:

http://meyerweb.com/eric/tools/css/reset/

espoir qui aide.

Bob

Answer 2

Essayez d'utiliser un bloc de remise à zéro comme celui de http://www.blueprintcss.org/

Ou,

body { font-size: 67.5% } 

Answer 3

Il ya plusieurs paramètres de fenêtres qui peuvent affecter cela aussi, je pense. Par exemple certaines versions de Windows (peut-être toutes les versions, je ne suis pas sûr) ont une fonctionnalité d'accessibilité de l'utilisation de grandes polices. Si je me souviens bien, cela augmentera de 25% la taille des polices du navigateur, ignorant ainsi toute taille de police spécifiée. Quand je souffrais de ce problème, je devais allumer et éteindre le réglage, car il semblait être coincé dans une phase à mi-chemin.

Vous pouvez également vérifier que vous n'avez pas modifié les paramètres du navigateur pour utiliser des polices plus grandes ou quoi que ce soit, même si je pense que les feuilles de style pourraient peut-être remplacer un peu ces paramètres.

Answer 4

Chaque navigateur a ses propres styles par défaut et par conséquent la taille de police par défaut pour les en-têtes, le corps, etc. variera. Nous réinitialisons généralement tous les paramètres par défaut des navigateurs avant d'appliquer nos propres paramètres personnalisés. Ici, j'ai collé le contenu du fichier de réinitialisation que nous utilisons généralement:

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size:100%; 
    font-family: inherit; 
    vertical-align: baseline; 
} 

h1, h2, h3, h4, h5, h6 
{ 
    padding: .6em 0; 
    margin: 0; 
    font-size: 100%; 
} 
ol, ul 
{ 
    list-style: none; 
} 
table 
{ 
    border-collapse: separate; 
    border-spacing: 0; 
} 
caption, th, td 
{ 
    text-align: left; 
    font-weight: normal; 
}