div+css浏览器页面缩小，字体怎么才能也一同缩小

em 100% 都试过了还是不行～。～郁闷ing……

2025-01-02 07:37:50

推荐回答（3个）

回答1：


  
  
  
	  
	CSS3 Demo
    
        #box { width: 10em; padding: 15px; font-size: 1em;}
        #box2 { font-size: 4vw;}
    



    
        Nihao a 你好 啊啊 啊啊 哈牛粪打款三幅画

        我们都是好孩子啊啊2

window.onresize = function(){
var box2 = document.getElementById("box2");
box2.style["z-index"] = 1;
}

回答2：

你在CSS页面最上上端写这个
/* ===================================================================
11px = 85% 12px = 93% 13px = 100% 14px = 108%
15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5%
19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167%
23px = 174% 24px = 182% 25px = 189% 26px = 197%
=================================================================== */
之后便是字体大小的时候用%就行这样的话浏览器页面缩小时字体也跟着小了

回答3：

浏览器自带缩放功能，Ctrl +
使用HTML CSS没办法。用SVG