如何在px
或pt
中获取元素的fontSize?
或者我可以使用任何其他方法吗?我需要将<a href="...">MAKE ME BIGGER</a>
的大小设置为130%,140%,当前大小为N%。
答案 0 :(得分:1)
如果您使用em
单位而不是相对于当前大小,请参阅; http://www.w3schools.com/css/css_units.asp
1em等于当前的字体大小。 2em意味着当前字体大小的2倍。例如,如果元素显示为12 pt的字体,则'2em'为24 pt。 'em'是CSS中非常有用的单元,因为它可以自动适应阅读器使用的字体
<强> [编辑] 你的标签是锚的一部分,是否必须?如果你用;
构建页面怎么样?<label class="fixed-font">
<a class="scaled-font">BIGGER TEXT</a>
Normal Sized Text
</label>
然后使用scaled-font创建了固定字体的子选择器,例如
label.fixed-font {
font-size:12px
}
label.fixed-font a.scaled-font
{
font-size:1.6em;
}
答案 1 :(得分:0)
也许this website的信息可以帮到你。它允许您使用px或pt指定新的字体大小。
答案 2 :(得分:0)
使文本元素的大小更大,在子span中插入元素的所有内容并设置为此span style =“font-size:N%”:
function makeBigger(lnk){
var Span = document.createElement('span')
for(var i = lnk.childNodes.length - 1; i >=0; i--){
Span.insertBefore(lnk.childNodes[i], Span.firstChild)
}
Span.style.fontSize = '120%'
lnk.appendChild(Span)
}
当然,它在这样的结构中不起作用:
<a ... >MAKE ME BIGGER <label class="some_class_with_fixed_font_size">but not me</label></a>