スマートフォン用サイトの表示を、ピンチで拡大・縮小できるようにしたいです。

コマースクリエイター未利用店舗様専用の記事です

スマートフォン用サイトの表示時、2本指で拡大・縮小するピンチ操作(ピンチイン・ピンチアウト)が出来るようにする方法です。
HTMLを追記することで実現可能です。

設定方法

  • モバイル>ページ設定>トップページ設定 の「ヘッダコメント」 (スマートフォン用トップページを静的に作成している場合は不要)
  • モバイル>ページ設定>基本設定 の「ヘッダコメント1」と「ヘッダコメント2」

上記の設定箇所の最上段に、以下のHTMLを追記してください。

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

※iPhoneでは動作しますが、 一部Android機種、ブラウザでは動作しない場合がございます。

この記事は役に立ちましたか?