📜  如何使用 CSS 自动调整字体大小?

📅  最后修改于: 2021-09-01 01:32:13             🧑  作者: Mango

CSS 的font-size-adjust属性告诉浏览器将文本的字体大小调整为相同的大小,而不考虑字体系列。当第一个选择的字体不可用时, font-size-adjust 属性允许您更好地控制字体大小。如果字体不可用,则窗口默认为定义的第二种字体。这可能会导致字体大小发生重大变化。使用 font-size-adjust 属性来阻止这种情况。小写字母“x”和大写字母“X”之间的大小差异就是所有字体的“纵横比值”。当浏览器知道第一种字体的“纵横比值”时,它将确定在查看第二种字体的文本时使用的字体大小。

句法:

font-size-adjust: number|none|initial|inherit;

下面的示例说明了font-size-adjust属性的使用。

例子:

HTML


  

   

  

  

      GeeksforGeeks    

     

    Font Size Adjust Property   

     

    Divs with same Font Size Adjust Property:   

     
    We offer a range of services to help you learn,      develop, and have fun! Free tutorials, millions      of posts, live, online, and classroom classes,      regular coding contests, industry expert webinars,      internships, and career openings are all available.   

       
    Sandeep Jain is the founder of 'GeeksforGeeks,'     an IIT Roorkee alumni group. He enjoys finding      the most effective solutions to programming problems.    
     

    Divs without same Font Size Adjust Property:   

     
    Apart from GeeksforGeeks, he has worked as a web      developer for DE Shaw and Co. and as an assistant      professor at JIIT Noida.    

     
    GeeksforGeeks.org was founded with the aim of      providing well-written, well-considered, and      well-explained answers to specific questions.      If you're interested in mastering algorithms,      data structures, or just the programming language itself,      GeeksforGeeks has you covered!   
  


输出 :

使用 CSS 自动调整字体大小

浏览器支持:

仅有的 Firefox目前默认支持 CSS font-size-adjust 属性。