字体大小_html/css_WEB-ITnose

通过改变A的大小来改变当前页面字体的大小,这一块要怎么写

回复讨论(解决方案)

单纯的css不能完成这个任务需求，需要js的干预。

window.onload = function(){    var content = document.getElementById('content');    var btn = document.getElementById('btn');    var btns = btn.getElementsByTagName('button');    for(var i = 0; i < btns.length; i++){        btns[i].index = i;        btns[i].onclick = function(){            changeSize(this.index);        }    }    var arr = ['12px', '14px', '16px'];    function changeSize(n){        content.style.fontSize = arr[n];    }};

完整的代码：

        
    小    中    大
    
1. 健康
    
        
你会精力充沛，呼吸顺畅
        
你会患上肺癌、呼吸系统疾病、心脏病
    

“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 他们把字体大小用em 来表示，通过改变bodyd的什么就可以改变字体的大小请问这种写法要怎么写？？

“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 他们把字体大小用em 来表示，通过改变bodyd的什么就可以改变字体的大小请问这种写法要怎么写？？

不建议直接改body,改body容易问题，所有字体都会变成同一个大小。等明天写个实例给你。

“Ems”: em，大小不固定 ,成为相对单位（body则相对浏览器的默认字体设置，子集相对父级）， 浏览器默认设置字体大小为16px , 则1em = 16px , 且其可扩展，2em = 32px , 目前常用的字体大小px换算成em , 他们把字体大小用em 来表示，通过改变bodyd的什么就可以改变字体的大小请问这种写法要怎么写？？

不建议直接改body,改body容易问题，所有字体都会变成同一个大小。等明天写个实例给你。

谢谢!
我需要的效果是通过点击A的大小,来改变所有页面字体的大小
如果字体大小是可以改变的,我就用em表示,如果是固定大小的就有px写死

$("html").css("font-size","12px");

1倍 12px
2倍 24px

  
    
    
            
        
        
          
[大字 中字 小字]            
        
  
文字大小变化哦