スマホサイトで拡大・縮小(ピンチイン・アウト)できない

Question

はじめて質問します。どうぞよろしくお願いいたします。

現在、人が制作したスマートフォンサイトの修正依頼を受けております。

スマホサイトで拡大・縮小(ピンチイン・ピンチアウト)ができないので、
それをできるように変更してほしいというのがご依頼です。

もともとmeta viewportにuser-scalable=noが指定されていたので、
間違いなくこれが原因だと思って以下のように変更しました。

<meta name="viewport" content="width=device-width, user-scalable=1.0">

しかし、やはり拡大・縮小はできないままです。

viewport以外にスマホでの拡大・縮小を制御する方法はありますでしょうか。
どの辺りをチェックしていいか見当も付かず大変困っております。

ちなみにAndroid/iPhoneの両方の端末で確認しましたが、
どちらも同じ状況です。

どうかお助け下さいm(_ _)m
よろしくお願いいたします。

Answer 1

initial-scale,minimum-scale,maximum-scaleは設定してみましたか？
user-scalableの1は二進数のyes(true),no(false)の1なので小数点は不要。

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

これでいかがでしょうか。

Comments

[tetuyatakeda]

早速のご回答ありがとうございます。
viewportをご回答いただいた内容に変更してみましたが、やはり拡大できませんでした。。。

[yuya3110]

正直方法は色々あるのでソースを見てみないと何とも言えませんがJavaScript周りも確認してみてください。
外部からPHPでヘッダーを読み込んだりmetaタグをJSで挿入したり(意図は分りませんが)しているかもしれません。

[tetuyatakeda]

あれから色々見ていたら、viewportが2重に記述されているという凡ミスが原因であることに気付きました・・・

片方のviewportを削除し、ご提示いただいた内容を記述すると、無事ピンチイン・アウトできるようになりました。

お手間を取らせてしまい申し訳ありませんでした。