スマホで見たとき特定の固定ページのズームを禁止したい

PR 2016/3/14

このトピックには3件の返信、2人の参加者があり、最後にわいひらにより10年、 6ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2016年3月13日 8:02 AM #37444
  
  makisushi
  ゲスト
  
  スマホで見たときですが、固定ページのうち１枚だけズームさせたくないページがあります。特定ページだけ「user-scalable=no」の状態を作ることは可能でしょうか？
- 2016年3月13日 11:55 PM #37455
  
  Hidekichi
  ゲスト
  
  可能です。
  header-css-mobile-responsive.phpにview portに関する部分があります。ここをその特定の記事の時だけuser-scalable=noを追記するようにすれば良いかと思います。
  
  特定の記事がどういうものかがわからないのと、いくつあるか等が不明なので何とも書けませんが、できるできないで言えばできます。
- 2016年3月14日 12:48 PM #37463
  
  makisushi
  ゲスト
  
  Hidekichiさん、いつもお世話になります。いただいたヒントを頼りに探しておりましたら、わいひらさんのブログにたどり着きました。
  
  カスタムフィールドを用いて個別ページにCSS・JavaScriptコードを組み込むカスタマイズ方法
  http://nelog.jp/custum-field-in-theme
  
  こちらの方法で、目的とする固定ページに、header-css-mobile-responsive.phpから拝借した以下のコードを書きましたら、スマホでの拡大縮小を止める事ができました。これでいいのか心配ですが、とりあえず前進できました。アドバイスありがとうございます。
  
  <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
- 2016年3月14日 5:49 PM #37473
  
  わいひら
  キーマスター
  
  header-css-mobile-responsive.phpのビューポートを条件分岐して書くのが、良いのかもしれません。
  けれど、テンプレートファイルをカスタマイズしてしまうと、そうテンプレートだけアップデートできなくなります。なので今後のアップデートのことを考えると、それで問題なく動作しているのであれば、そっちの方が良いかもしれません。
投稿者

投稿

3件の返信スレッドを表示中

トピック「スマホで見たとき特定の固定ページのズームを禁止したい」には新しい返信をつけることはできません。