wordpressで作成したウェブサイトです。
スマホで表示した時の横幅をフルにしたいのですが出来ません。
試したことは、
/* Smartphones | <480px */ @media only screen and (max-width: 30em) { #wrap, .header-image { padding: 1em 1em 0; } これを、 #wrap, .header-image { padding: 1em 0 0; }
に変更しました。
上記の変更でmacbookの画面上では、
から、
に変化しました。
しかしスマホの画面では、
このまま変化しませんでした。
試したスマホはiphone7 plusとiphone SEです。
ブラウザはgoogle chromeのシークレットモードを使用しました。
現在は、
#wrap, .header-image { padding: 1em 0 0;
にしてあります。
スマホでも横幅をフルサイズで表示する方法がわかる方の助言が頂きたいです。
サイトURLは、
です。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー