• No : 1503
  • 公開日時 : 2017/11/01 18:07
  • 更新日時 : 2018/02/17 10:34
  • 印刷

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

回答

スマートフォン用サイトの表示時、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機種、ブラウザでは動作しない場合がございます。