Chrome擴展在生產中看起來與開發中有所不同。 為什么？

Question

我正在創建一個Angular2 Chrome擴展應用程序。

當我在生產環境中創建它時，它看起來很棒。

但是，這就是我在開發模式下將其作為chrome擴展名上傳時的外觀（查看徽標和按鈕）。

徽標應為75px（正在開發中），但是在生產中，即使chrome工具告訴我徽標為75px，徽標也決定為87px ...

按鈕也會發生同樣的情況。

難道我做錯了什么？

我確實添加了

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

標簽。

似乎chrome正在接管視口的控制權？

Answer 1

請檢查chrome的縮放設置，並確保您的字體大小以px而不是em的形式顯示，因為chrome擴展名在開發時不會復制em的大小。

Answer 2

在Chrome瀏覽器中查看“縮放”設置。 （CTRL +鼠標鍵）