スマホ版chromeでレスポンシブデザインが効かない

Question

現在django + herokuでwebアプリを開発しています。

スマホから見る場合にはメニューバーをフッターに設定しているのですが、うまく表示されません。（縦にリンクが並ぶようになってしまいます）

状況としては、
・ほかのcssは効いている（色を変えるとか）
・スマホ版chrome バージョン70.0.3538.80でうまくいかない
・chromeのバージョンを向上出荷時に戻したらうまくいく
・safariや、端末に初めから備わっているブラウザだとうまくいく
・キャッシュの消去は試してみた

という感じです。
原因として何が考えられますでしょうか。

追記：
androidのバージョンが4.1.1とかなり古いのですが、これが原因である可能性は考えられるでしょうか。

Answer 1

androidのバージョンが4.1.1とかなり古いのですが、これが原因である可能性は考えられるでしょうか。

充分考えられます。

Androidのバージョン/ブラウザのサポートについてまとめてみたのだ。

Comments

[AT274]

回答ありがとうございます。

素朴な疑問なのですが、
android chromeのバージョンと、androidのバージョンに関係性はありますでしょうか。
教えていただいたリンクに、「4.3以前についてはChromeであればうまく表示されると思うので」～とあることから、標準ブラウザで動けばchromeでも動くと考えていたのですが、そうではないのでしょうか。

[yoshinavi]

＞android chromeのバージョンと、androidのバージョンに関係性はありますでしょうか。

→　OSとブラウザとは、関係性はあります。古いOSは最新のブラウザに対応できない部分があります。新しいものは古いものを一部カバーしますが全てではない場合もあります。

アプリ開発ともなれば、OSやブラウザのシェアも考慮して、なるべく最新や、将来的に対応するものが「安全性」や「機能性」も含めて望まれますし、現時点での「android 4.1.1」での開発メリットは無いように思います。
（※個人的な見解です）

[AT274]

「導入はできるけど、機能としては使えない」みたいなことが起こっているわけですね。
ありがとうございました！

[yoshinavi]

解決されて何よりです。
(^^)