サポート » 使い方全般 » レスポンシブデザインができません。

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

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

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

    <style.css の記述>

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

    /* 2段組 */
    .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″>

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

    よろしくお願いします。

  • トピック「レスポンシブデザインができません。」には新たに返信することはできません。