生产中的Chrome扩展看起来与开发中的不同。为什么?

时间:2017-05-02 17:17:37

标签: javascript css google-chrome google-chrome-extension

我正在创建一个Angular2 Chrome扩展程序。

我在制作中创作它看起来很棒。

enter image description here

但是,这就是我在开发模式下将其作为chrome扩展程序上传时的样子(查看徽标和按钮)。

enter image description here

徽标应该是75px(它正在开发中),但是在生产中它决定是87px,即使chrome工具告诉我它的75px ......

按钮也是如此。

我做错了吗?

我添加了

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

标签

看起来Chrome正在接管对视口的控制?

2 个答案:

答案 0 :(得分:1)

检查Chrome上的缩放设置,并确保您的字体大小以px而不是em显示,因为Chrome扩展程序在开发过程中不会复制em大小。

答案 1 :(得分:1)

查看您的'缩放&#39;在Chrome中设置。 (CTRL + MOUSESCROLL)