どもです。

レスポンシブサイトをコーディングするとき、
PCとiPadとスマホでそれぞれブレイクポイントを用意するのが理想です。
が、予算やデザインの関係でiPadはPCサイトを表示にすることも多くあります。

このとき、サイトの幅を980pxにしておいて、
iPadで表示したときブラウザ幅980pxで表示されてくれると横スクロールが発生しないので良い。

のですが、このやり方がよくわかっていなかったというか、
僕はつい最近までできると知らなかったわけです。

やり方は、viewportの設定を

にするだけ。
一般的なレスポンシブのviewportだと、
<meta name="viewport" content="width=device-width,initial-scale=1.0">
にすることが多いと思いますが、このinitial-scale（拡大率）の設定を取るだけでした。

で、CSSの方では

PCサイト時のmin-widthを設定しておいて、スマホサイズから@media screenを設定するだけ。

それだけ。

それだけか…。まじか……。 _(:3」∠)_