Title: レスポンシブデザインができません。
Last modified: 2016年9月15日

---

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

 *  [ashitano2978](https://ja.wordpress.org/support/users/ashitano2978/)
 * (@ashitano2978)
 * [11年前](https://ja.wordpress.org/support/topic/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93%e3%80%82/)
 * レスポンシブデザインになりません。
    助けてください。
 * PCのブラウザで確認（ウィンドウの横をドラックして幅を変更）や、[http://html5-lab.jp/checker/](http://html5-lab.jp/checker/)
   でチェックした時には、レスポンシブになっているのですが、スマホ（iphon）で見た
   時には、PC版が縮小されたような見た目になってしまいます。
 * 各ファイルの記述は以下の通りです。
 * ＜style.css の記述＞
 * /* メデイアクエリの設定 */
    [@media](https://ja.wordpress.org/support/users/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″>
 * を記述していますが、何がオカシイでしょうか？
    質問が不十分かもですが、教えて下
   さい！
 * よろしくお願いします。

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

## タグ

 * [スマホ](https://ja.wordpress.org/support/topic-tag/%e3%82%b9%e3%83%9e%e3%83%9b/)
 * [レスポンシブデザイン](https://ja.wordpress.org/support/topic-tag/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0件の返信
 * 1人の参加者
 * 最後の返信者: [ashitano2978](https://ja.wordpress.org/support/users/ashitano2978/)
 * 最後の活動: [11年前](https://ja.wordpress.org/support/topic/%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%8c%e3%81%a7%e3%81%8d%e3%81%be%e3%81%9b%e3%82%93%e3%80%82/)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック