Comment puis-je augmenter la taille de la police sur une page après le chargement de la page?

Est-il de toute façon à l'aide de JavaScript ou jQuery pour augmenter la taille de la police sur la page par un certain pourcentage après le chargement de la page?

OriginalL'auteur d-_-b | 2013-04-08

  1. 9

    Serait zoom de la page entière ont l'effet souhaité? (Un peu différent que le simple accroissement de la taille de la police).

    Le CSS zoom propriété est prise en charge par IE 5.5+, Opera, Safari 4, Chrome et. Pour Firefox, vous pouvez utiliser -moz-transform: scale(2). Donc, pour faire un zoom de la page entière:

    <body style="zoom:2; -moz-transform:scale(2);"> ... </body>
    Oui merci! Je vais donner un coup de cette!
    pas tout à fait ce que j'avais à l'esprit, mais cela fonctionne très bien. merci!

    OriginalL'auteur dwarring

  2. 19

    Propriété Zoom affectera tous les autres propriétés telles que les dimensions. Et aussi il ne sera pas pris en charge dans tous les navigateurs. la meilleure façon est de réduire à l'aide de certains jQuery code comme suit 

    $(document).ready(function(){
       $('*').each(function(){
       var k =  parseInt($(this).css('font-size')); 
       var redSize = ((k*90)/100) ; //here, you can give the percentage( now it is reduced to 90%)
           $(this).css('font-size',redSize);  

       });
});
    c'est pro, merci s'accoupler!
    c'est le plaisir mec

    OriginalL'auteur Umer Farook

  3. 7

    Avez-vous essayé de changer le CSS pour les polices de taille pour l'élément de corps? 

    //some_percent is the % increase... change accordingly
var current_size = $("body").css("font-size");
$("body").css("font-size", parseInt(current_size * some_percent) + "px");
    Salut, si des éléments ont leur propre font-size de propriété, ne serait-ce pas sans effet?

    OriginalL'auteur Andy Jones

  4. 4

    une autre méthode est de spécifier vos tailles de police dans les em. Et puis définissez la taille de police du corps au chargement de la page, soit explicityly ou en pourcentage. J'ai illustré cette méthode ici - http://jsfiddle.net/uYjM5/ - qui utilise jQuery

    $('body').css({'font-size':'16pt'});

    et l'exemple de css

    body{font-size:12px;}
p{font-size:2em;}

    Cela permet d'obtenir l'effet que vous désirez par la définition de la base taille de la police. Tous les autres éléments de la page qui ont déjà des tailles de police relatives basé sur la balise body, si vous utilisez em qui est. Andy Jones méthode est exactement ce que vous demandez.

    OriginalL'auteur lukeocom

  5. 1

    J'ai dû faire une page où il doit remettre à l'échelle de tout et de toujours garder les proportions (livre interactif de type page web de Adobe Edge Animate). C'est la fonction que j'ai utilisé lorsque le document est prêt et quand elle a été redimensionnée. 

    function resizeWindow() {

     var h = $("#Stage_scene").height();
     var w = Math.floor(h*0.7685738684884714); //the number is the ratio
     var curentProcentege = (h/1170)*100; //1170 is the page starting height
     $("#Stage_scene").width(w);
     $('body').css({'font-size':curentProcentege+'%'}); 

}

    OriginalL'auteur eblue