レスポンシブ対応時のmobileのみの変更について

PR 2017/9/22

このトピックには3件の返信、2人の参加者があり、最後にokmtにより9年、 1ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2017年9月21日 6:14 PM #56028
  
  okmt
  ゲスト
  
  始めまして。
  完全レスポンシブにして使わせていただいております。
  
  mobileのインデックス一覧に出るタイトル
  (“.entry-card-content h2 a” のところ）のみ、font-sizeを変更したいのですが、子テーマのmobile.cssでもresponsive.cssでも反応しません。
  
  完全レスポンシブ対応にしていると反応しないというような回答もありましたが、やはり現在もできないのでしょうか？
  
  他に変更させる方法はないでしょうか？
  よろしくお願いいたします。
- 2017年9月21日 7:32 PM #56034
  わいひら
  キーマスター
  どうして、そのようになっているのかは、サイトのURLを提示していただいて、実際のページのソースコードを見てみないと詳しいことはわからないかもしれません。
  CSSが反映しない場合は、以下のような可能性も考えられます。
  [FAQ]WordPressテーマのカスタマイズで変更したCSSが反映されない
  
  どうしても、mobile.cssやresponsive.cssで反映しない場合は、style.cssにメディアクエリーを書いてその中にスタイルを書くと繁栄するかもしれません。
  メディアクエリーとはこんなやつ。
```
@media screen and (max-width: 768px){
  /*ここにスタイルを書く*/
}
```
  詳しくは、こちらなどを参考にしてみてください。
  スマホ対応！CSSでメディアクエリの書き方【初心者向け】 | TechAcademyマガジン
- 2017年9月21日 8:27 PM #56036
  かうたっく
  ゲスト
  完全レスポンシブにして使わせていただいております。
  
  mobileのインデックス一覧に出るタイトル
  (“.entry-card-content h2 a” のところ）のみ、font-sizeを変更したいのですが、子テーマのmobile.cssでもresponsive.cssでも反応しません。
  
  完全レスポンシブの時はmobile.cssに書いても反映しません。多分、読み込んでないかもしれません。
  
  (“.entry-card-content h2 a” のところ）のみ
  
  とありますけど、指定方法はあっていますか？トップページのサムネイルがデフォルトの時はその指定ですが、大きなエントリーカード・サムネイル大を使っている場合は効きません。
  
  どのサムネイルを指定しても反映する書き方は、現在でしたら以下のコードをstyle.cssに追記すれば反映します。
```
#main #list .entry-title{
	font-size: 0.8em;
}
```
  後はメディアクエリを使うと指定範囲のみ反映します
  
  が、サムネイルの指定によってコードが多少変わるのと、このコードでダメなら子テーマに書いてる内容で反映しないこともあるかと思われます。
- 2017年9月21日 9:35 PM #56038
  
  okmt
  ゲスト
  
  早速のご返信ありがとうございます。
  
  わいひらさんとかうたっくさんの記述していただいた「メディアクエリ」と「コード」でいけました！
  
  本当にありがとうございます！
投稿者

投稿