viewport

ホームページをスマホサイズに改良 「viewport」を追記

Categories | ホームページ スマホ

当方が運営するサイト「hcz.jp」を、スマホにてフル画面で表示されるように

改良しました。というのも、先月スマホを買い替えし、それで自作サイトを見てみ

ると、画面両サイドにマージンが出来てまして、その原因としてはスマホの画面サ

イズが大きいもの(5インチとか)とかで、PC用ホムペを観覧するとマージンが

入ることがあるらしく、その対処として「head」内に「viewport」を追記しました。

当サイトはバックグラウンドに画像を使い、横サイズを820ピクセルで指定してあり

ます。よって、そのタグはこうです。

<meta name="viewport" content="width=820" />

2014 0402 01 225x400 ホームページをスマホサイズに改良 「viewport」を追記

↑追記前

2014 0402 02 225x400 ホームページをスマホサイズに改良 「viewport」を追記追記後↑

 

以上

Comment(0) | Trackback(0)

TAGS: / / / | 2014年4月2日 |