web-dev-qa-db-ja.com

モバイルデバイスのWebサイトでピンチズームを有効にするにはどうすればよいですか？

ウェブサイトでピンチズームを有効にしようとしています。このようにメタビューポートを設定してズームを有効にしようとしましたが、うまくいきませんでした。

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

私のサイト がまだiPadやiPhoneでズームできない理由はありますか？

htmlviewportmobile-devices
7
hjuster

ほぼ1年前に回答されたので、少し遅れるかもしれません... IOSアプリのHTMLページでメタタグを試しましたが、タグを使用してもズームできませんでしたズームアウトすると、ほとんどズームインできなくなります。ズームインすると、元のサイズに戻ります。

これで、完全にズームアウトし、「たくさん」ズームインすることができました。これにより、次のメタタグでズームが保持されます。

<meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes"/>
21
Ilan Kleiman

複数のタッチをシミュレートできる新しいhammer.jsを試すことができます。 http://eightmedia.github.io/hammer.js/

0
Jacob