CODEWITHSUNDEEP
javascriptcssgoogle-chromegoogle-chrome-extension
Walter Monecke
Walter Monecke

Reputation: 2558

Chrome-extension in production looks different than in development. WHY?

Im creating an Angular2 Chrome-extension App.

It looks great when I created it in production.

enter image description here

However, this is how it looks when I upload it as a chrome-extension in development mode (Look at the logo and buttons).

enter image description here

The logo SHOULD be 75px (which it is in development), however in production it decides to be 87px even if the chrome tools tell me its 75px...

The same happens with the buttons.

Am I doing something wrong?

I did add the

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

tag.

It seems like chrome is taking over control of the viewport?

Upvotes: 0

Views: 273

Answers (2)

Ferry Kranenburg
Ferry Kranenburg

Reputation: 2635

Check out your 'zoom' setting in Chrome. (CTRL+MOUSESCROLL)

Upvotes: 1

Walter Monecke
Walter Monecke

Reputation: 2558

Check out zoom settings on chrome and also make sure your font size is displayed in px and not em's since somehow chrome extensions do not replicate em size as they are in development.

Upvotes: 1

Related Questions