如何在页面加载后增加页面上的所有字体大小?

d-_*_*_-b 8 css jquery font-size

是否有任何方法使用JavaScript或jQuery在页面加载后将页面上的所有字体大小增加一定百分比?

小智 20

缩放属性将影响所有其他属性,如尺寸.并且它也不会在所有浏览器中都受支持.最好的方法是减少使用一些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);  

       });
});
Run Code Online (Sandbox Code Playgroud)


dwa*_*ing 10

缩放整个页面会产生预期的影响吗?(稍微增加字体大小有点不同).

IE 5.5 +,Opera,Safari 4和Chromezoom支持CSS 属性.对于Firefox,您可以使用.所以要缩放整个页面:-moz-transform: scale(2)

<body style="zoom:2; -moz-transform:scale(2);"> ... </body>
Run Code Online (Sandbox Code Playgroud)


And*_*nes 7

您是否尝试更改body元素的字体大小的CSS?

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

  • 嗨,如果单个元素有自己的`font-size`属性,这不会有效吗? (3认同)