Advertisement
rAthus

Changement du font-size en fonction de la résolution d'écran

Sep 12th, 2014
389
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function getPPI()
  2. {
  3.     var div = document.createElement('div');
  4.     div.style.width = '1in';
  5.     var body = document.getElementsByTagName('body')[0];
  6.     body.appendChild(div);
  7.     var ppi = document.defaultView.getComputedStyle(div, null).getPropertyValue('width');
  8.     body.removeChild(div);
  9.     return parseFloat(ppi);
  10. }
  11. $(document).ready(function()
  12. {
  13.     var r = 8/360; // valeur à changer en fonction du font-size de base du body
  14.     var w = $(document).width();
  15.     var p = getPPI();
  16.     $('body').css({'font-size':(w*r*p/96)+'px'});
  17. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement