質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

1回答

2495閲覧

wordpressでメディアクエリが効かない

takane

総合スコア63

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

0クリップ

投稿2018/10/31 07:17

編集2018/10/31 08:02

こんにちは。ワードプレスでポートフォリオを作成しているのですが、メディアクエリが効かず、レスポンシブにすることができません。

css

1@media screen and (max-width: 480px){ 2 body.home.blog.logged-in{ 3 width:100%; 4 } 5 .container,.wid_100{ 6 width:100%; 7 } 8 9 10}

記載方法が間違っているのでしょうか?
基本的なことですみませんが、
どなたかご存知の方はいらっしゃいますでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2018/10/31 07:24

使用されているテーマは自作テーマでしょうか?それとも公開されているテーマでしょうか?後者の場合は入手先をリンクつきで質問文に追記してください。
takane

2018/10/31 07:25

自作テーマです。何かほかに必要な情報はありますでしょうか?
kei344

2018/10/31 07:30

WordPressテーマはかなり自由度が高いため、どこが原因かを特定するには当該ページを構成しているテーマ全体か、出力されたHTML(ブラウザで「ページのソースを表示」)およびCSS、もしくは公開されているページのURLを提示されないと具体的な解答が難しいと思います。
takane

2018/10/31 07:48

URLを追記いたしました。
takane

2018/10/31 08:01

すみません。まだわからないところがわからない状態なので、いったん質問は控えさせていただきます。ありがとうございました。
guest

回答1

0

ベストアンサー

viewportを設定してください。

HTML

1<meta name="viewport" content="width=device-width,initial-scale=1">

【もう逃げない。HTMLのviewportをちゃんと理解する - Qiita】
https://qiita.com/ryounagaoka/items/045b2808a5ed43f96607

投稿2018/10/31 07:51

編集2018/10/31 07:52
kei344

総合スコア69364

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takane

2018/10/31 08:03

すみません。ビューポートもやってはみたのですが、できない状態でした。 ちょっともう少しレベルアップしてから質問いたします。 ありがとうございました。
kakurekumanomi

2019/11/19 14:22

同じ状態です。できるようになりましたか??(1年前だとはおもいますが^^;)
CHERRY

2019/11/19 23:50

kakurekumanomi さん 同じ状態と言っても原因は異なる場合もあるので、具体的な状況やコードを記載して、新規に質問を作成するのが良いと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問