WordPress 度々書いているバッドノウハウっぽい内容ですが、今回も表示はできたので記録として記事にします。 万が一にも同じ状況の方がいた時のためのヒント的なものなればいいなと。 前提 対象は、WordPressでレスポンシブの設定があるサイト。フレキシブルレイアウトで、600pxあたりを境にMedia Queriesの設定でサイドが下に落ちるという感じです。この600pxが曲者で、600以上のタブレットデバイスでは横が切れてしまいます。 実現したいのは、 「スマートフォンはサイドを落とす」 で、 「タブレットはサイドを落とさずぴったりフィット」 でした。 なお、固定幅だけのサイトであればviewportのwidthを以下のように設定すれば画面にフィットします。 <meta name="viewport" content="width=1000px" /> <!--固定幅1000pxの
![WordPressにてviewportを画面サイズで出し分ける](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e015b82d0e0e0888b1422fcb7c1d2d5f4a68cdc/height=288;version=1;width=512/https%3A%2F%2Fwebutubutu.com%2Fwp-content%2Fuploads%2F2013%2F12%2Fwordpress.png)