私のAngular2 devサーバーと本番ビルドでCSSが異なって見えるのはなぜですか？

EDIT 私はこの問題は私だけのWebPACKでAngular2を使用していると私はいくつかのSCSSスタイルは私の生産のビルドに比べて、私のdevの環境では少し違って見える問題を抱えているクロム私のAngular2 devサーバーと本番ビルドでCSSが異なって見えるのはなぜですか？

で起こる気づきました。

これらのスクリーンショットでは、ナビゲーションバーの右上にユーザーアイコンが表示されます。あなたが位置付け、アイコンが私のdevのサーバー上に正しく配置が、誤って本番にDEV上

ユーザーのアイコンを構築されて表示されるように正しくセンタリング：

ユーザーのアイコンをPRODに、間違いました位置：のChromeのdevのツールで

、我々はcを彼らは確かにまったく同じているCSSにもかかわらずスペース、の異なる量を取るかという、ユーザアイコンの青いハイライトを参照：

DEV

PROD

出典

2017-01-27 Weblurk

[計算済み]タブの[高さ]プロパティを確認できますか？それがどこから高さを得ているかを調べる。 – ErazerBrecht

高さはプロダクトでは32ピクセル、デベロッパーでは45ピクセル、計算タブではheightプロパティ自体は「無効」ですので何とか自動的に計算されます – Weblurk

@ErazerBrecht、私はプロダクションビルドがFirefox上で正しくレンダリングされることを発見しました。それは、それが間違ってレンダリングされ、プロダクションビルドでのみChromeでのみです。 – Weblurk

この問題は、devサーバーによるキャッシュのためです。

devサーバーを再起動し、ブラウザを更新してみてください。

2017-01-27 06:54:42 coder

問題を解決していない – Weblurk

答えて