STINGER5-ユーザのピンチ操作で記事や画像を拡大できるように設定する

公開日: : MEMO, WEB&SEO, WEB関連, WORDPRESS , , ,

現在製作している別のブログで STINGER5を使わせてもらうことにしました(この場を借りて作者様にお礼申し上げます)。

STINGER5はレスポンシブデザインに対応したということで、従来のSTINGER3とはCSSの構成なども変わっていて なかなか弄るのが大変です。

さて、本日その新サイトをスマホで閲覧していたところ、記事や画像をピンチで拡大できないことに気づきました。

私の場合、細かい「図」や「表」などを用いて説明するコトが多いので、画像が拡大できないと、iphone4sのような小さなサイズの画面では結構しんどいわけです。

そこで、ユーザのピンチ操作で、記事や画像が拡大できるようにテーマを修正することにしました。

で、調べてみると、原因はSTINGER5デフォルトの「viewport」設定にあることが判明(*原因といっても 別にバグや記述間違いというわけではありません)。

header.phpの8行目あたりに

meta name=”viewport” content=”width=device-width,initial-scale=1.0,user-scalable=no”

という記述があり、ここの「user-scalable=no」部分が、「ユーザによる拡大縮小は禁止」という意味になります。

stinger5_kakudai001

そもそもviewport設定を巡っては様々な論議があるらしく、拡大縮小のユーザ操作を禁じる「user-scalable=no」にもメリット・デメリットがあるとのこと。STINGERの作者様も意図があってこのように記述しているのだとは思うのですが、ここは以下のサイト(2.IDEAさん)を参考にして、以下のように変更することにしました。

上記、ページを参考に「meta name=”viewport” content=”width=device-width,initial-scale=1.0,minimum-scale=1.0″」と変更。

stinger5_kakudai002

これで、ピンチ操作で拡大ができるようになりました。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

ashi_c_008

足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに いつの間にか数種類の足温グッズ

medium_760695391

俳優・瑛太が出演しているSOYJOYのCM曲がとてもよいのでここにメモしておく

photo credit: cozymax.org via photopin cc 俳優・瑛太

excel上のオブジェクト

エクセル(excel)2013でシート上の図形(オブジェクト)を一括で削除する方法

私はエクセル(excel)2013でスケジュールなどを管理しており、シート上に多くの図形(オブジェク

roll_001

RollToEverで通信エラーが発生した場合の対処方法

普段わたしがお世話になっているiphoneアプリにRollToEver(ロールトゥーエバー)というの

映画『SweetMovie(スウィート・ムービー)』のサウンドトラックのはなし

ユーゴスラビア出身の監督ドゥシャン・マカヴェイエフが監督した『スウィート・ムービー(1974)』とい

word_hozon_001

WORD(ワード)2013で"名前をつけて保存(別名保存)"のショートカットキーを変更する方法

以前「WORD(ワード)2013でルビを振る動作にショートカットを割りあてる方法」という記事を書きま

snsbotton_005

STINGER3のSNS(ソーシャル)ボタンの種類を追加して増やす方法

この記事では、当サイトで使用しているWordPress用テーマSTIGER3(スティンガー3)におい

hdd_format_024

MAC(HFS+)のHDDを Woindowsでフォーマット(NTFS)する方法

過去にMAC環境で作業していた際に使用していた外付けのHDD(HFS+)が大量にあります。

001_gengo

windows7でマルシー(コピーライト・著作権表記)を表示させる方法

著作権をあらわす「©(マルシー、コピーライト、著作権表記)」というのがありますが、これをw

evernote_suport_001

Evernote(エバーノート)の日本語メールサポートに問い合わせる方法

Evernote(エバーノート)の日本語メールサポートに問い合わせる方法が なかなか分かりづらかった

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

足元の冷えを解消!デスクワーカーにおすすめの足温グッズまとめ!

日がな一日座り続けで作業をしていると、血流が悪くなるのか、足元(つま先

ashi_c_008
足元の冷え解消!足温グッズレビュー(3) ホットマルチヒーター

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_b_002
足元の冷え解消!足温グッズレビュー(2) 山形電気あんか*参考

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

ashi_a_006
足元の冷え解消!足温グッズレビュー(1) デュアルヒータースリッパ

デスクワークの際の足元の冷えを解消すべく、あれこれ模索しているうちに

futa_001
掃除機にペットボトルの蓋が詰まってしまった場合の対処方法

部屋を掃除していたところ、掃除機でペットボトルのフタを吸い込んでしまい

→もっと見る

PAGE TOP ↑