WordPressでレスポンシブデザインのサイトを作成しようと思ったら、ヘッダーのmeta要素に name=”viewport” を追加すると、文書の表示領域を設定することができます。 また、購入したレスポンシブテーマでサイトを作成したあとスマートフォン閲覧のとき、ピンチアウト(拡大)して見たかったのにできなかったという時も、ヘッダーのmeta要素、name=”viewport” を編集すると、拡大(縮小)表示が可能になります。 ピンチアウトで拡大できないタグ例 header.php 内のmetaタグが下記の場合だったら・・・。 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
![スマホで拡大表示ができなかったサイトのタグ修正方法。](https://cdn-ak-scissors.b.st-hatena.com/image/square/d5482fc856df3ba19518ab3a94242c045097132f/height=288;version=1;width=512/https%3A%2F%2Fmellchile.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F09%2Fsp.jpg)