レスポンシブデザインができません。

レスポンシブデザインになりません。
助けてください。

PCのブラウザで確認（ウィンドウの横をドラックして幅を変更）や、http://html5-lab.jp/checker/ でチェックした時には、レスポンシブになっているのですが、スマホ（iphon）で見た時には、PC版が縮小されたような見た目になってしまいます。

各ファイルの記述は以下の通りです。

＜style.css の記述＞

/* メデイアクエリの設定 */
@media (min-width: 768px) {

/* ２段組 */
.container {max-width: 1000px;
overflow: hidden}

.contents {width: 65%;
float: left}

.blogmenu {width: 30%;
float: right}

/* ナビゲーション・メニュー */
nav li {margin-right: 40px}

}

＜header.phpの記述＞

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

を記述していますが、何がオカシイでしょうか？
質問が不十分かもですが、教えて下さい！

よろしくお願いします。