Как увеличить размер шрифта на странице после загрузки страницы?

Есть ли способ использовать JavaScript или jQuery для увеличения всех размеров шрифтов на странице на определенный процент после загрузки страницы?Как увеличить размер шрифта на странице после загрузки страницы?

источник

2013-04-08 d-_-b

Возможно ли изменение масштаба всей страницы? (Немного отличается, что только увеличение размеров шрифта).

Свойство CSS zoom поддерживается IE 5.5+, Opera, and Safari 4, and Chrome. Для Firefox вы можете использовать -moz-transform: scale(2). Поэтому, чтобы увеличить масштаб страницы:

<body style="zoom:2; -moz-transform:scale(2);"> ... </body>

источник

2013-04-08 01:56:50 dwarring

Да, спасибо! Я сделаю это! –

Не совсем то, что я имел в виду, но это будет работать нормально. благодаря! –

Вы пытались изменить CSS для размера шрифта для элемента body?

// some_percent is the % increase... change accordingly 
var current_size = $("body").css("font-size"); 
$("body").css("font-size", parseInt(current_size * some_percent) + "px");

источник

2013-04-08 01:45:48

Привет, если отдельные элементы имеют собственное свойство 'font-size', разве это не повлияет? –

Другой способ - указать размер шрифта в em. А затем установите размер шрифта для тела при загрузке страницы, либо явно, либо в процентах. Я проиллюстрировал этот метод здесь - http://jsfiddle.net/uYjM5/ - который использует следующую JQuery

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

и пример CSS

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

Это достигается эффект вы после, установив базовый размер шрифта. Все остальные элементы страницы будут иметь относительные размеры шрифтов на основе тега body, если вы используете их. Однако метод Энди Джонса делает именно то, что вы просите.

источник

2013-04-08 03:09:44 lukeocom

Мне нужно было создать страницу, где нужно было бы перемасштабировать все и сохранить пропорции (интерактивная веб-страница типа книги в Adobe Edge Animate). Это функция, которую я использовал, когда документ был готов и когда он был изменен.

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+'%'}); 

}

источник

2013-06-25 12:46:19 eblue

Объект Zoom будет влиять на все другие свойства, такие как размеры. А также он не будет поддерживаться во всех браузерах. наилучшим способом является сокращение использования некоторого кода jQuery, например, следующего:

$(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); 

     }); 
});

источник

2014-06-26 04:48:55

это про, спасибо помощнику! – vaskort

это приятный парень –

Как увеличить размер шрифта на странице после загрузки страницы?

ответ

Смежные вопросы