Est-il une telle chose que le min-taille de police et max-font-size?

Vous pouvez le faire en utilisant une formule et y compris la largeur de la fenêtre d'affichage.

font-size: calc(7px + .5vw);

Ceci définit la taille minimale de la police à 7px et l'amplifie par .5vw en fonction de la largeur de la fenêtre d'affichage.

Bonne chance!

Je suis venue un peu tard ici, je ne reçois pas beaucoup de crédit pour cela, je suis en train de faire un mix des réponses ci-dessous parce que j'ai été forcé de le faire pour un projet.

Donc pour répondre à la question : Il n'y a pas une telle chose comme cette propriété CSS.
Je ne sais pas pourquoi, mais je pense que c'est parce qu'ils ont peur d'un mauvais escient de cette propriété, mais je ne trouve pas de cas d'utilisation où il peut être un problème grave.

Que ce soit, quelles sont les solutions ?

Deux outils nous permettent de le faire : les media queries sna vw propriété

1) Il y a un "fou", la solution consistant à mettre une media query pour chaque étape, nous eant dans notre css, changer de police à partir d'un montant fixe à un autre montant fixe. Cela fonctionne, mais il est très chiant à faire, et vous n'avez pas lisse aspect linéaire.

2) Comme AlmostPitt expliqué, il est un brillant solution pour les minima :

font-size: calc(7px + .5vw);

Minimum ici serait 7px en plus de 0,5% de la largeur de vue.
Qui est déjà vraiment sympa et qui fonctionne dans la plupart des cas. Il ne nécessite pas de toute requête des médias, vous avez juste à passer un peu de temps pour trouver les bons paramètres.

Comme vous l'avez remarqué, il est une fonction linéaire, mathématiques de base vous apprendre que deux points déjà vous trouver les paramètres. Puis il suffit de fixer la police de caractères de taille en px vous voulez pour les très grands écrans et pour la version mobile, puis de calculer si vous voulez faire une méthode scientifique. La pensée, il n'est absolument pas nécessaire et vous pouvez simplement aller en essayant.

3) supposons que vous avez une très ennuyeux client (comme moi) qui veut absolument un titre à une ligne et pas plus. Si vous avez utilisé AlmostPitt solution, alors vous êtes en difficulté, parce que votre police va continuer de croître, et si vous avez une largeur fixe conteneur (comme bootstrap arrêt en route à 1140px ou quelque chose dans de grandes fenêtres).
Ici je vous suggérons d'utiliser également une media query. En fait, vous pouvez trouver juste la quantité de px taille maximum que vous pouvez gérer dans votre conteneur avant l'aspect devenir indésirables (pxMax). Ce sera votre maximum. Ensuite vous avez juste à trouver exactement la largeur de l'écran, vous devez arrêter (wMax). (Je vous laisse inverse d'une fonction linéaire sur votre propre).

Après que tout ne

@media (min-width: [wMax]px) {
    h2{
        font-size: [pxMax]px;
    }
}

Alors il est parfaitement linéaire et votre taille de police d'arrêter la croissance ! Notez que vous n'avez pas besoin de mettre votre précédent propriété css (calc...) dans un support de requête en vertu de l'wMax parce que les médias de la requête sont considérés comme les plus imnportant et il écrasera la précédente propriété.

Je ne pense pas qu'il est utile de faire un extrait de code pour cela, comme vous avez de la difficulté à le faire pour l'ensemble de l'écran et il n'est pas la science de fusée après tout.

Espère que cela peut aider d'autres personnes, et n'oubliez pas de remercier AlmostPitt pour sa solution.

J'ai un peu de douceur avec ces. Il s'écoule en douceur entre les 3 largeur varie, comme un continue par morceaux de la fonction.

@media screen and (min-width: 581px) and (max-width: 1760px){
    #expandingHeader {
        line-height:5.2vw;
        font-size: 5.99vw;
    }
    #tagLine {
        letter-spacing: .15vw;
        font-size: 1.7vw;
        line-height:1.0vw;
    }
}

@media screen and (min-width: 1761px){
    #expandingHeader {
        line-height:.9em;
        font-size: 7.03em;

    }
    #tagLine {
        letter-spacing: .15vw;
        font-size: 1.7vw;
        line-height:1.0vw;
    }
}

@media screen and (max-width: 580px){
    #expandingHeader {
        line-height:.9em;
        font-size: 2.3em;
    }
    #tagLine {
        letter-spacing: .1em;
        font-size: .65em;
        line-height: .10em;
    }
}

Ce qui est réellement proposé dans CSS4

Projet de travail du W3C

Citation:

Ces deux propriétés permettent à un site web ou de l'utilisateur à besoin d'un élément de la taille de la police pour être fixé à l'intérieur de la gamme fourni avec ces deux propriétés. Si la valeur calculée taille de police est en dehors des limites créées par la police-min-size et font-max-size, la valeur d'usage de la taille de police est fixé aux valeurs spécifiées dans ces deux propriétés.

Ce serait en fait le travail comme suit:

.element {
    font-min-size: 10px;
    font-max-size: 18px;
    font-size: 5vw; //viewport-relative units are responsive.
}

Ce serait littéralement signifie, la taille de la police sera de 5% de la largeur de la fenêtre d'affichage, mais jamais moins de 10 pixels, et jamais plus de 18 pixels.

Malheureusement, cette fonctionnalité n'est pas implémentée partout, (même pas sur caniuse.com).