Q&A下記のWordpressで作ったサイトですが、スマホで見ると、
フッターがおかしくなります。また、画面も全体表示されないです。
ピンク色の背景が半分になったり、事務所名が左にずれたりします。
<meta name="viewport" content="width=device-width, initial-scale=1">
デフォルトのこのタグだとそうなるようです。
下記の静的ページはスマホ（iPhone 7s plus、Safariで閲覧）で見ると
きちんと綺麗に画面に全体が収まるのですが、同じようにできないでしょうか？
Wordpress：http://tulejaentertainment.com/news/
静的ページ：http://tulejaentertainment.com/
試したこと
メインインデックスのテンプレートの```
<head>```に ```ここに言語を入力 <meta name="viewport" content="width=930,initial-scale=1"> ```を追加してみた所、フッターも正常に表示され、全体も表示されますが、
静的ページと比べて、画面に余裕がなくピッチリ表示になってしまいますし、
h1タグに表示されているロゴの上部が少しキレてしまいます。
また、「header.php」にもviewportが書かれていたので、そこに
<meta name="viewport" content="width=930,initial-scale=1">
と書いてみた見たのですが、結果は同じでした。
Wordpress初心者ゆえ、でたらめな質問になってしまったら申し訳ありませんが、
何か良き方法があればアドバイス頂けると幸いです。
回答1件
0
ベストアンサー
余計なCSSが入っていて、調べてみた所、管理バーの表示がONになっていたから何かおかしな動作をしていたようです。
OFFにしたら余計なCSSは消えました。
とりあえず、フッターのおかしな表示はなくなりました。
投稿2017/12/06 19:43
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。