awsで作ったサイトをアップロードするとcssがローカルと違う

Question

ruby on rails でウェブサイトを作り
awsを使ってデプロイしました

今、スマホ用にcssを編集しています

ローカル上では編集して更新されているのですが、
本環境では反映されずに困っています。

開発ツールで確認すると
一応読み込まれているのですが、

font-size: 16px;

のように打ち消しされています。

AWSでデプロイしたサイトがCSS反映されない

以前質問して教えてもらったこともトライしました。

ローカルと本環境と反映が違うのが疑問で困っています。

どなたか教えていただけたらと思います。

Answer 1

その上下のどこかに打ち消されていないfont-sizeがあったりしないですかね。
要するに、他のどこかでより優先される指定がある場合に打ち消し線表示になります。

Comments

[marco]

打ち消しされていないfont-sizeありましたが、ファイル元が別の設定でした。
スマホ用に文字サイズを(スマホ用のcssをかき、ローカルでは優先でした)したいです。
ローカル環境と本環境で優先が変わるのはどうしてですか？

[Takumiboo]

基本的にその優先順位は環境によっては変わらないと思います。
つまりローカルと本番で同じソース、ファイル構成だと思っていても、実際は違うのではないでしょうか。
打ち消しされていない設定がどこから来ているものなのか、なぜそれが優先されるのかを考えてみると良いと思います。
http://www.htmq.com/csskihon/007.shtml
https://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666

[marco]

コメントありがとうございます。
実際は違う、、、心当たりがわからないのです
打ち消されていない設定はscaffoldからでした、、、
ふむ、、、
教えていただいたサイトを参考に考えてみます。。。

[marco]

あのー、再質問で恐れ入りますが、同じコードをgit pullで更新してるのに実際は違うとはどういうことなんでしょうか。

[Takumiboo]

それだけではわからないですね…。
ローカルで表示されているHTMLとCSSのソース、AWS上にアクセスして表示されているHTMLとCSSのソースのdiffを取っても、全く同一なのでしょうか？

[marco]

diffの存在を初めて知りました！ちょっとdiffしてみます！！！！！

Answer 2

これでどうでしょうか？

bundle exec rake assets:clobber RAILS_ENV=production
bundle exec rake assets:precompile RAILS_ENV=production

Comments

[marco]

コメントありがとうございます。変更した部分は更新できましたが、他の箇所で本環境とローカルが違うところがありました。