【HTML】表示画面が自動調整される対応

初めに

https://gyazo.com/9735b3afd348f0675426ac0dfb54bddb
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
こちらの動画のように、検証ツールで一定のwidthより小さくすると
widthが固定されて画面全体が自動的に縮小される現象が起きました。
僕の場合980pxを境に自動的に縮小されました。

解決方法

結論
headに

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes">

を追加したら直りました。

参考にしたサイト

自動縮小という機能があるので、それを無効化しています。