小编Shl*_*hlx的帖子

为什么.css('fontSize')会在Edge中产生不同的结果?

考虑一下这段代码(也是一个小提琴):

document.getElementById("span").innerHTML += $('#input').css('fontSize');
Run Code Online (Sandbox Code Playgroud)
span input {
  font-size: inherit;
}

input {
  font-size: 15px;
}
Run Code Online (Sandbox Code Playgroud)
<span id="span" style="font-size: 30px;">
  <input id="input"/>
</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

在Chrome和Firefox中,.css('fontSize')它将返回30px,在Edge和IE中它将是15px.为什么这样做?Edge中的DOM Explorer甚至显示15px的删除线,因此应该将继承的30px作为fontSize:

并且输入使用30px字体呈现,因此IE/Edge正在将其拾取以用于渲染目的.

html javascript css microsoft-edge

15
推荐指数
1
解决办法
337
查看次数

标签 统计

css ×1

html ×1

javascript ×1

microsoft-edge ×1