PCサイトをレスポンシブ対応(なんちゃって)しようと思いサーチコンソールで指摘されたviewportだけ追加したら表示が最適化されない

Question

PCサイトをレスポンシブ対応(なんちゃって)しようと思いサーチコンソールで指摘されたviewportだけ追加したら表示が最適化されない

<meta name="viewport" content="width=device-width,initial-scale=1">

ちなみに追加したのはこれ

スマホでみた際もPCの画面がでればいいんだけど
デバイスの幅が320pxなら320pxの部分だけ表示されてるようにみえる
ピンチアウトすればコンテンツは見えるけど背景画像は320px分だけ固定されて見える感じ

どこかで昔に制作したようで中身まで詳細がわからないんですよね
なにかjsでも入っていていたずらしてるのかもしれません

たしかにこれだけでは何もわからないですよね

ソースが公開できないので
同じような問題をかかえたかたがいないかなと

Comments

[m.ts10806]

独り言ですか？
質問にしてください。
それに複合的な要因があるのでこれだけ提示されても誰も応えられません

Answer 1

viewportだけ追加したら表示が最適化されない

viewportを設定しただけでは勝手にレスポンシブになるわけではありません。viewportの変化に対応できるようにCSSを組みなおしてください。

スマホでみた際もPCの画面がでればいいんだけど

viewportを設定しなければ、横幅960pxくらいで表示されませんか？

Comments

[hyksm]

viewportを設定しつつも横幅を960pxほどで表示させるにはどうしたらいいですか？
<meta name="viewport" content="width=1280,initial-scale=1">
現状これをいれてありますが。。。

[kei344]

まともに対応しないなら特に意味は無いので、設定しないことをお勧めします。
拡大されるのは「,initial-scale=1」が指定されているせいでしょう。

[hyksm]

ひとまず
<meta name="viewport" content="width=960,initial-scale=1">
としました