僕が推奨するタグはこちらです
<meta name="viewport" content="width=device-width" />
端末の横幅に合わせてページを閲覧します
なぜ横幅なのでしょう?それはWebサイトを作るにあたって縦長になるからであります
端末の縦幅に合わせてしまうとゴボウのように細長い   サンプル  ページになってしまいますw
どの端末で見ても最も均等に、平均的に表示する方法が上記のタグではないかと思います
あとはオプションというかズーム禁止などの細かい設定ができるので載せておきます!

独自で組みたい方は以下からどうぞ

content="***=***" content="***=***"
height=
表示領域の高幅指定
pxで指定する場合 233~10000 (初期値は自動)
device-height 端末画面の高幅に合わせる
width=
表示領域の横幅指定
px指定 200~10000 (初期値は980px)
device-width 端末画面の横幅に合わせる
initial-scale=
アクセス時ズーム倍率
(minimum-scale=数値
maximum-scale=数値
同時に使う場合は minimum-scale=数値,maximum-scale=数値"
user-scalable=
ズームの操作
yes 許可
no 無許可
minimum-scale=
ユーザーが操作できる最小倍率指定
0~10で指定
maximum-scale=
ユーザーが操作できる最大倍率指定
0~10で指定