個別記事のページです

2016年2月 2日(火)
このエントリーをはてなブックマークに追加

スマホサイトで拡大操作に対応する方法

スマホに対応されたサイトは拡大ができず不満という方もいると思います。
特に、下のような画像の文字サイズが小さいと何と書いてあるか見えないですよね。
実はこれ、head内で書かれているviewportの設定が原因でした。

sumaho_l.png

HTMLをスマホ対応にさせる解説によく出てくるこのmetaタグを
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

拡大を制限している記述をカットし、このように変えます。
<meta name="viewport" content="width=device-width,initial-scale=1.0">

横スクロールバーは出ず、拡大操作をすると文字や画像が大きくなります。
逆に縮小してもスマホ対応横幅以上に縮小されません。
拡大ができずお困りの方は、ぜひこの方法をご活用ください!

書籍の内容と遜色のないPDFを無料プレゼントしております。
売れてる人しか知らない!売れるホームページの10の常識
過度な営業は一切しておりません。

簡単無料お見積もり

問い合せ内容 見積り  相談  更新管理  PPC広告・SEO対策
  • 売上げアップ
  • 会社拡大
  • ブランド力を持ちたい
  • 新規事業参入したい
  • 単価を上げたい
  • 価格競争したくない
  • 社内環境を良くしたい
  • 経営者が楽になる
  • 社員を成長させたい
  • 良い求人が欲しい
  • 離職率を下げたい
  • 残業を減らしたい
  • 客層をよくしたい
  • 会社がうまく回るようにしたい
  • クレームを減らしたい
  • リピート、口コミを増やしたい
  • ターゲットを絞りたい
  • 会社の方針を明確にしたい
  • SEO対策
内容
お問合せ