définir une taille de police en fonction de la largeur du corps avec css3

Je veux mettre le font-size de <body> à être 5% de la largeur de lui-même(body).

Est-il un pur css3 façon de le faire?

Je fais ça avec jquery maintenant, mais je veux encore plus simple:

$(function() {

    var $body = $('body');

    function adjust_font_size() {
        $body.css('font-size', $body.width()*0.05+'px');
    }
    adjust_font_size();
    $(window).resize(adjust_font_size);


});

OriginalL'auteur Alfred Huang | 2014-07-18

  1. 6

    Si votre <body> balise a même largeur que la fenêtre d'affichage, vous pouvez utiliser vw unités :

    vw : 1/100e de la largeur de la fenêtre d'affichage.( source MDN)

    DÉMO

    body{
    font-size:5vw;
}

    Si votre <body> balise a un pourcentage de la largeur de, vw unités sera trop de travail (en tenant compte de la <html> balise n'a pas de largeur fixe).

    Exemple : 

    body{ 
    width:50%; /* = 100% /2 */
    font-size:2.5vw; /* = 5vw /2 */
}

    Si votre balise body a un largeur fixe (px, em...), taille de police définie avec vw de ne pas s'adapter à la largeur.

    Prise en charge du navigateur pour vw unités est IE9+, canIuse pour plus d'info.

    Très intéressant!!! caniuse.com/#search=vw
    Cela dépend si l'OP fait pour dire "viewport" et pas de "corps", à moins d'avoir une très bonne raison de le faire de la taille de la police par rapport à la body élément, et pas de la fenêtre d'affichage. Je suis enclin à croire l'ancien, même si l'OP à plusieurs reprises, les références à la body élément en particulier.
    J'ai ajouté quelques informations à ce sujet dans ma réponse.

    OriginalL'auteur web-tiki