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

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

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

当我在生产中创建它时,它看起来很棒。

enter image description here

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

enter image description here

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

按钮也是如此。

我做错了什么吗?

我确实添加了

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

标签。

看起来 chrome 正在接管视口(viewport)的控制权?

最佳答案

检查 Chrome 中的“缩放”设置。 (CTRL+鼠标滚动)

关于javascript - 生产中的 Chrome 扩展看起来与开发中的不同。为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43743741/

相关文章:

javascript - 从常规链接获取 Google map 嵌入 url

html - 对齐一个 float :left div to center?

html - 如何将文本移动到页面右侧?

javascript - for循环结束时执行某些操作

javascript - 从 JQuery 调用函数 - 更好的方法

javascript - 使用循环和 map 时更干净的 react 代码

css 3字体创建换行符

javascript - 循环播放视频源会减慢 Chrome

javascript - 如何阻止 Chrome 进入 Debug模式?

android - 手机/平板电脑上的 Chrome 上的多项选择仅显示在一行上