次のメタタグを使用する必要があります。
<meta name="viewport" content="width=device-width">
たとえば、モバイルデバイスでサイトを表示している場合、Webサイトは小さくて表示できなくなります。
<meta name="viewport" content="width=1300" />
メタタグが行うことは、ブラウザに言うことです、
「このWebサイトの画面の幅(ビューポートの幅)に関係なく、1300pxのワイド画面のようにレンダリングします。」
ビューポートが1300px未満の場合は「ズームイン」し、ビューポートが1300pxより大きい場合は「ズームイン」します。
さて、これを使ってレイアウトを修正していると、もっと大きな問題があるように思えます。レイアウトをレスポンシブにする方法として、ブートストラップを調べることを強くお勧めします。Bootstrapは、かなりの数のことを行うためにサイトに追加するcssファイルのライブラリであり、その1つは、流動的で応答性の高いグリッドシステムを作成することです。
ブートストラップとそれが何をすることができるかについて学ぶためにここから始めて、それからいくつかの記事をグーグル検索することをお勧めします。誰もがそれを愛しています!私を信じてください、あなたがそれがあなたの人生をどれほど単純にすることができるかを理解したら、あなたもそれを気に入るはずです。
http://twitter.github.com/bootstrap/index.html