Trouver de réglage/css line-height valeurs par défaut
Une chose étrange que j'ai remarqué lors de la tentative de normaliser mon css dans les navigateurs, c'est que par défaut la hauteur de la ligne des propriétés de h-éléments et d'autres grands types de balises sont différents dans les navigateurs tels que google Chrome et Firefox, et pourtant ne sont pas définies par l'utilisateur-agent de niveau:
- http://codesearch.google.com/codesearch#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/css/html.css
- http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css
De plus, populaire normaliseurs comme normaliser.css ne prenez pas soin de qui que ce soit.
Donc ma question est en deux parties:
- Si ligne-heights ne sont pas fixés à l'agent de l'utilisateur, où sont les valeurs par défaut en venir?
- Je préfère ne pas normaliser la ligne des hauteurs de moi-même, mais si je dois le faire, où est un bon exemple de certains paramètres par défaut?
Voir ici et ici.
Pas utile. Si vous êtes en train de dire que la croix-navigateur la cohérence n'est pas important, ce n'est pas une opinion de la plupart des concepteurs de web part. De toute façon, ne traite pas de la question.
La vérité peut faire mal parfois 🙂
Ce qui est avec tous les cutsie commentaires? Quelqu'un aurait-il quelques conseils réel?
blagues à part - je n'ai pas vraiment d'obtenir ce dont vous avez besoin? La valeur par défaut hauteur de la ligne est ce que vous en tant que concepteur de décider de votre conception de page. Et vous devez mettre sur le dessus de votre css. Le navigateur par défaut est ce que vous avez posté les liens html (.css) et c'est d'où il vient.
Pas utile. Si vous êtes en train de dire que la croix-navigateur la cohérence n'est pas important, ce n'est pas une opinion de la plupart des concepteurs de web part. De toute façon, ne traite pas de la question.
La vérité peut faire mal parfois 🙂
Ce qui est avec tous les cutsie commentaires? Quelqu'un aurait-il quelques conseils réel?
blagues à part - je n'ai pas vraiment d'obtenir ce dont vous avez besoin? La valeur par défaut hauteur de la ligne est ce que vous en tant que concepteur de décider de votre conception de page. Et vous devez mettre sur le dessus de votre css. Le navigateur par défaut est ce que vous avez posté les liens html (.css) et c'est d'où il vient.
OriginalL'auteur Yarin | 2011-10-21
Vous devez vous connecter pour publier un commentaire.
Je suis d'accord que "les choses ne sont pas destinés à être exactement la même" est un peu un cop-out, d'autant que même IE est à bord assez bonne adoption des normes.
Relative (120%, 1, cadratin (1 em) la hauteur de la ligne des valeurs sont basées sur le calcul de police, la taille Normale est censé être basé sur la taille de la police, mais il peut varier d'un navigateur à l'autre, comme vous pouvez le voir par l'ouverture de cet exemple dans FF et Chrome: http://jsfiddle.net/mahalie/BSMZe/6/
Je regarde généralement à HTML5 Boilerplate pour les files d'attente sur les meilleures pratiques, car il est si populaire (et donc bien contrôlés /sous beaucoup de contrôle. Ils utilisent:
Et leur discussion est très intéressante, bien qu'aucun point de vue est le gagnant clair:
https://github.com/h5bp/html5-boilerplate/issues/724
Lien devrait maintenant être github.com/h5bp/html5-boilerplate/blob/master/css/main.css
C'est devenu obsolète, car ils sont clairement à l'aide d'un différent (et plus accessible) approche dès maintenant en laissant le navigateur utiliser les valeurs par défaut.
HTML5 Boilerplate utilise maintenant
line-height: 1.4;
. Vous pouvez le voir sur cette ligne dans le CSS.Ne peux pas croire que les gens sont toujours à l'aide de ce fil, merci @Teepeemm pour la mise à jour de ma réponse 😀 Heureux de référence de tous les...
OriginalL'auteur mahalie