Html CSS字体大小属性从百分比到像素,如何设置?

Html CSS字体大小属性从百分比到像素,如何设置?,html,css,fonts,font-size,Html,Css,Fonts,Font Size,我想将字体大小属性值从百分比转换为像素 假设我有这个html代码 <div style="font-size: 180%;"> <a href="http://www.example.com"> link </a> </div> 如何找到字体大小的等效值:180%;像素 谢谢没有简单的答案,因为字体大小百分比是相对于父块的字体大小的。我发现手动操作最容易,在Firebug中逐像素手动调整字体大

我想将字体大小属性值从百分比转换为像素

假设我有这个html代码

     <div style="font-size: 180%;">
              <a href="http://www.example.com"> link </a>
     </div> 

如何找到字体大小的等效值:180%;像素


谢谢

没有简单的答案,因为字体大小百分比是相对于父块的字体大小的。我发现手动操作最容易,在Firebug中逐像素手动调整字体大小。

这可能有点难以自动完成。字体大小百分比是根据一个基值进行的,该基值是父块的字体大小。这意味着字体大小更改嵌套如下:

<div style="font-size: 16px;">
  This text has size 16px.
  <div style="font-size: 150%;">
    This text has size 150% * 16px = 24px.
    <div style="font-size: 150%;">
      Because this div is nested, the base value is now 24px. 
      font-size: 100% would mean 24px type.
      So the size of the text here is 150% * 24px = 36px.
    </div>
  </div>
</div>
然后,将其替换为:

body {
  font: 16px font1, font2;
}
除非您有一些非常不寻常的要求,否则它将与替换整个页面的所有字体大小声明一样有效


(16px是web浏览器近乎通用的默认字体大小。)

与统一百分比相同,您可以使用“em”,但它也是从父块继承的。谢谢,但是Firebug是如何做到的?我不能使用Firebug,因为我想转换大量CSS数据?我的建议是使用Firebug在Firefox中打开您的文档,然后动态编辑您的样式,逐像素更改其字体大小,并以百分比将其与原始字体大小匹配。谢谢,但我想转换10000多页,所以它需要一个自动的解决方案,但是谢谢
body {
  font: 16px font1, font2;
}