ローカル・本番環境でレイアウトが異なるため修正したいです

Question

ローカル、本番環境でレイアウトが変わるので修正したいです

###開発環境
Ruby on Rails 6.0.0
heroku

発生している問題

Ruby on Railsでアプリを作成し、herokuでデプロイした後レイアウトのサイズ感が変わってしまいます。
[ローカル環境](https://gyazo.com/c7803decd562e409c57fd58b87a3ff6b)
[本番環境](https://gyazo.com/6a8b61ffbdf707706b3c16e9564ecd22)
上記の画像の通り、文字などのレイアウトのサイズ感が本番環境の方が大きくなってしまいます。

試したこと

調べてみたところ、アセットパイプラインが上手く機能していないからだと仮説を立て、以下のコードを試してみました。

#production.rb
config.assets.compile = true

#application.css
*= require_tree .
 *= require_self
 */

###結果
レイアウトのサイズ感は変化ありませんでした。色々調べてみましたが、解決には繋がらず解決法が分からない状態です。他に確認することなどありましたら、教えていただけると幸いです

Comments

[neko_daisuki]

application.html.erb から読み込んでいる css は application のみでしょうか？

[sumimasa]

application.cssのみです

Answer 1

アセットパイプラインが上手く機能していないからだと仮説を立て

仮説を確認するには、ChromeデベロッパーツールでCSSをチェックする方法があります、CSSのプロパティが違いが分かります。
https://nandemo-nobiru.com/2944/

Comments

[sumimasa]

ありがとうございます！
やってみます！