考慮這個代碼(也a fiddle):爲什麼.css('fontSize')在Edge中產生不同的結果?
document.getElementById("span").innerHTML += $('#input').css('fontSize');
span input {
font-size: inherit;
}
input {
font-size: 15px;
}
<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>
在Chrome和Firefox的.css('fontSize')
將返回30像素,在邊緣和IE是15像素。它爲什麼這樣做?的DOM Explorer在邊緣甚至可以顯示在刪除線15像素,因此應採取繼承30PX作爲字體:
且輸入是呈現與30PX字體,所以IE/EDGE是拿起它用於渲染目的。
歡迎來到Stack Overflow!你的問題的全部內容,必須在**你的問題,而不僅僅是鏈接**。鏈接腐爛,使問題及其答案在未來的人們中毫無用處,人們不應該離開現場去幫助你。在**問題中放置一個[mcve] **,最好使用Stack Snippets('<>'工具欄按鈕)使其可運行。更多:[*我如何提出一個好問題?](/ help/how-to-ask) –
mplungjan和我已經更新了與上述內容相關的問題^^ –
聽起來像是針對'jQuery'的錯誤報告或'Edge'。與此同時,您可以嘗試使用getComputedStyle(document.getElementById('input'))。fontSize'並查看它是否正確。 – Adam