字体大小_html/css_WEB

回复讨论(解决方案)

单纯的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的什么就可以改变字体的大小请问这种写法要怎么写？？

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

$("html").css("font-size","12px");
1231倍 12px
4562倍 24px

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