スマホでcssが反映されない原因

まさか２日連続で記事を書くことになろうとは…
（今回は私が自分が書いたコードを忘れてたのが原因ですけど）

HPを更新して、スマホやタブレットの方で背景画像が新しいものに反映されない…
ああ　そうそう、といつものように　xxx.css？の後を修正したものの、反映されない…

しばらく色々格闘後、該当コードの下の方に目をやると…　これかぁー！　と問題を発見。
いや、問題でも何でもない…

メディアクエリを入れてただけだった。　そっちの背景画像が正しく参照されてただけだった！
アニメーションとかのコードを入れてたせいでコードが伸びてすぐに気づけなかった。
自分で書いたコードなのに時間が経って構造を忘れてしまいました。。

スマホ css 反映されないキャッシュ chrome などなど
色々検索してしまいました。
どうって事ない原因だったけど、同じような方がいて、ここに辿りついてハッとなってもらえたら幸いです。

Firefoxだけページ内アンカーリンクの位置がズレる

ただ、文字を入れ替えただけのハズなのに、ちゃんと動かなくなる事ってありますよね。
きっとそれは妖怪のせいかもしれません…

なんて…一応治りました。

単に
a href="○○○.html#abc01" を a href="#abc01"　にしました。

ただ、ページ内やトップページならこれで良いけど、そうでないとやっぱりズレちゃう…
どうもjQuery（横並びスクロール）ぽい。。
（横並びの高さで計算されてないとかそんな感じ・・？）

その辺りが分かって来た折、こんなサイトを見つけました。
（ありがとうございます…！）
design-ya.net

//</head>の直前に
function now() {
window.location.reload(true);
}

今回の自分のケースではそこまでするべきなのかちょっと悩みますが
どうにも出来ないケースなら
たった数行のコードで何とかなるなら良いのかな？
（原因のjQueryのその辺りの部分を直したら（直せたら）スムーズにいくのかな）

にしても何故firefoxだけなのか。。
ローカルでは問題なく、要素を調査してる状態（した後）では正しい挙動になってると言う
いやーなやーつ。。　しかも何故今なのか…。（見落としてたはずはない…んだけど…）
それでもfirefoxは大事なブラウザです…！

ベースが少し古く、HPの情報もダラダラと長くなってしまったサイトで、
情報的に整え直すついでにフォントの設定（remで指定）やbox-sizingの設定とかもして、スマホの方で動作確認したら、上手く表示されず。。

viewportの設定してみたり外したり適当に入れてみたけど、改装前より妙に大きくなったり小さくなったり。。。
メディアクエリも使っても何か変。。　rem設定が悪いのか…？

ぐわーやっぱり苦手だー。　もーやだこんなの。　とか心の中で言いながら、ふとcssのhtmlの設定を見たら
「あ…　これかも…」
な設定を発見。
他のをコピって使ったので、それが原因だったミタイ。
無事解決したと思いたいけど、不安です。

メディアクエリを入れる事もしてない（今の所）ので、metaのviewportは消しました。
メインの横幅とかいっそ全部％で指定した方が良いのではと思ったり。

難しいょ