iPhoneで横向きの際、固定viewportを設定しているにもかかわらず、横幅にフィットしない

Question

横向きの幅になった際に、viewportのcontentをwidth=1280に切り替える記述をjsでしています。

問題

iPhoneで横向きになった際、横幅にフィットしない（スクロール出来る形になる）

状況

• Chromeの開発者ツールで見たのみですが、viewportの切り替え自体はうまくいっている
• 一旦横にしてから別のページに遷移したりすると、望み通りの横幅にフィットしたPC表示となることがある
• user-scalable=noを記述するとChromeの開発者ツールでは望み通りになるが、iPhoneでは効かない（user-scalable=noってiOSではもう無視されるみたいですね…）

別ページに遷移すると直ることがあることから、横向きの際scaleの値がおかしくなっている=それを直せば良いのだと思うのですが、うまい方法がわからず、、恐縮ですが、ご教授いただけると幸いです。

Answer 1

コメントいただいた方、ありがとうございます！

maximum-scale=1.0などはついておりませんでした。

実は、似たような仕様の他の案件ではうまくいっているように見えるものもあり、今から書く解決方法は邪道、最終手段として参考にしてもらいたいのですが、縦横切替時再読み込み、しかもlocation.reload()ではなくlocation.href = location.hrefで再読み込みしなおすと、scaleはリセットされ理想通りの挙動になりました。

何かしらの要因でviewportの変更自体が実機で発火してなかった可能性もありますし、私の実装だけの固有の問題かと思っていたのですが、英語圏でviewportの問題で同じ解決方法に至った方を見つけたので、一応意味はある変更なのだとおもいます。

気持ちの良くない解決方法ですし、本当に、これは参考程度にしていただけると幸いです。
お目汚し失礼いたしました。

Answer 2

開発者モードはただのテストツールですので完全にはアテにしない方がいいです。
iPhoneだけではなくアンドロイドでも端末によってやはり違いがあります。

で、本件ですが、jsで制御しているのであればそちらの記述が怪しくも感じます。
maximum-scale=1.0があるから制御できていないなど、teratailでよく出ています。
ただ、肝心のコードがないと何故制御できていないかわからないと思います。
できればコードを載せることをお勧めします。