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 +鼠标键）