Calculer la hauteur de la ligne avec la police en rem-valeur
Comment puis-je calculer le plus approprié à la hauteur de la ligne de taille de police définie avec rem?
Par exemple:
html {
font-size: 62.5%;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.3; /* how do i calculate this value? */
}
La raison que j'ai posé la question c'est que je suis perplexe, comment comprendre la relation entre la taille de police dans le corps (pour faciliter le rem calcul), véritable rem taille de police et la "non-valeur" à la hauteur de la ligne qui, autant que je comprends, dans une mise en page STATIQUE représente une taille de police comme:
font-size: 20px;
et line-height: 2.0;
- va ajouter de la hauteur de la taille de police que la hauteur de la ligne
Dans un design fluide - lors de l'utilisation de rem dans une taille de police - la "non-valeur" line-height: 2.0; utilisation de la hauteur de la police calculé en rem comme la hauteur de la ligne ou encore s'appuyer sur les pixels en fonction de la valeur (dans l'exemple de repli pour les navigateurs plus anciens)?
Je pense que je devrait avoir mis en place c'est ma question de départ, je vais le modifier maintenant
Pas sûr en utilisant le pourcentage serait approprié, à moins qu'une taille de police a été établi avec percatge ainsi
J'ai mis à jour ma réponse pour expliquer le calcul.
OriginalL'auteur jan199674 | 2014-01-27
Vous devez vous connecter pour publier un commentaire.
Première, je ne comprends pas l'idée de
line-height
à l'intérieur dep
élément, parce que la norme de la marge entre les 2 lignes dans un paragraphe est toujours là par les navigateurs par défaut de la fonctionnalité.La façon dont vous essayez d'atteindre, il ne va plus sur l'ajout d'un espace entre deux lignesPour donner une solution,sauf si vous allez pour
media-query
il n'y a pas de manière standard, carline-height
continuerait de travailler avec lesize
de police, de sorte que plus la taille de la police, plus la hauteur de la ligne....il est important de comprendre parce que vous avez misfont-size
en relation avec vue sur le port de la dimension =>font-size: 1.4rem;
Lisez ici comment
line-height
travaux : CSS - hauteur de la Ligne de propriété, comment il fonctionne (simple)MODIFIER
D'édition après avoir commenté,voir le truc, c'est que si vous donnez
line-height
dans votrep
, il serait ajouter ajouter que, pour toutes les lignes à l'intérieur dep
...sivous ne veux pas aller avec les media-queries et le navigateur de l'uniformité est votre principale préoccupation, alors vous pouvez faire quelque chose comme ceci :ajout d'une édition, vérifier si elle fait sens pour vous
toujours pas de travail - de la valeur "normale", c'est le navigateur par défaut (remarque mon commentaire précédent) et l'ajout de rembourrage dans le top serait de pousser vers le bas le texte en pourcentage et rendre le tout encore plus "flou" en termes de mise en page
quelle est votre cible exacte???réglage
height
entre 2 lignes dans un paragraphe à une valeur fixe, de sorte que son cross-browser même...non??juste ajouter
line-height: 1.2;
dansp
...OriginalL'auteur NoobEditor
Veuillez utiliser pour multiplier votre ligne de hauteur par 10 et l'utilisation px de hauteur de la ligne.
en même temps u utilisez simplement
line-height: 1.3rem;
Il travaillera normal css
jamais vu
$line
...quoi que dans un css??$line
représente 1.3. J'ai édité ma réponseOriginalL'auteur Moorthy GK