如何設置字體大小的百分比，以便不同的瀏覽器會使其顯示相同？

Question

我正在設計一個網站，我遇到了一個有趣的問題。我設計我的字體，大小不同的介質，使用的語法如下：

@media all and (max-width:1100px) {html {font-size:109%;transition:1s;}} 

一切都渲染和使用Chrome時，看起來不錯。現在我試圖在FireFox上檢查它，爲了安全起見，我看到，相同的CSS規則在一個縮放級別中變得更大（如果單擊ctrl + - 一旦ir正確渲染，如果將縮放重置爲正常狀態 - 文字再次變大）。

我應該爲FF專門創建CSS媒體規則還是有一些標準的方法來使這項工作？

CSS重置已應用，對此情況無效。

Answer 1

問題是沒有基體字體大小。所以通過簡單地設置這個基本大小等於100％來解決問題。

感謝Olly Hodgson指出了這一點。