【问题标题】:Chrome-extension in production looks different than in development. WHY?生产中的 Chrome 扩展看起来与开发中的不同。为什么?
【发布时间】:2017-05-04 03:22:40
【问题描述】:

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

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

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

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

按钮也是如此。

我做错了吗?

我确实添加了

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

标签。

似乎 chrome 正在接管视口的控制权?

【问题讨论】:

  • 也许可以检查一下您在 Chrome 中的“缩放”设置。 (CTRL+鼠标滚动)
  • @FerryKranenburg 感谢您的提示!实际上是 110%。而且我的字体大小是用em而不是px来衡量的,而且chrome不喜欢它。再次感谢。

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


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    检查 chrome 上的缩放设置,并确保您的字体大小以 px 而不是 em 显示,因为不知何故 chrome 扩展不会复制 em 大小,因为它们正在开发中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-03-13
      • 2011-01-18
      • 2011-10-21
      • 2017-06-12
      • 1970-01-01
      • 1970-01-01
      • 2020-02-15
      • 2019-05-14
      相关资源
      最近更新 更多