スマホからアクセスしたサイトの表示について

質問

質問お願いいたします。特にスマホに特化しているわけではなく、通常のＰＣサイト(HTML4+CSS）があるとします。

iOS、アンドロイドやブラウザに関係はしていないとおもいますが、サイトにより、いきなり全画面（横幅いっぱい）で表示される場合と、ページの左上（例えばこのページだと教えて!gooのアイコン周辺）が拡大されて表示される場合があります。

これらはなにか条件によって異なるのでしょうか？
現在、サイトを複数運営していますが、後者のように、どのページでも最初のアクセスでは拡大して表示が可能であればアドセンス広告などをその位置に貼りたいと考えています。

詳しい方、よろしくお願いいたします。

回答No.2

astavila18

PC用のサイトをスマホで見た時、PCで見た状態のまま（画像や文字も縮小されて）表示されてしまうという認識で良いのでしょうか。
それとも、スマホのブラウザの端をはみ出てPCサイトが表示されてしまうというお話でしょうか…。

どちらにしてもviewportが絡んでいるのではないかと思います。
運営されているサイトのmetaタグに、
<meta name="viewport" content="width=device-width">
を追加してみてください。

スマホはブラウザ幅を擬似的に表示します（これは端末によって幅が違います）
viewportは、ざっくり言えばこれらのブラウザ幅に合わせて表示させるために必要なタグです。

参考になりそうなサイトを2つほど挙げておきます。

http://tech.nitoyon.com/ja/blog/2013/02/15/viewport/
http://www.tagindex.com/html5/page/meta_viewport.html

意図されている事がこれまでのお答えで合っているようであれば、とりあえず『viewport』で検索してみると良いと思います。

これ以外にスマホサイトにも耐えられる画像やテキスト、コンテンツ幅の計算などは色々と面倒な場合があるので、こだわりがあるなら調べてみてください。
応用すればレスポンシブ対応のサイトも作れますので、知識として持っておくと良いです。

自分なりに解釈をしての回答なので、間違っていたら申し訳ないです。
サイト運営、頑張ってくださいね。

回答No.1

noname#206842

ＣＳＳを理解していますか？・・・
横いっぱい？・・・width:100%であれば・・・当然いっぱいになるのでは？・・・

質問が理解できない？・・・のは、私だけ？・・・