大きなエントリーカードでモーダルメニューを使うと画像サイズが少し小さくなる

PR 2017/3/17

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

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

投稿者

投稿
- 2017年3月17日 1:12 AM #51119
  
  ニール
  ゲスト
  
  ググって見たのですがトピックが無かったようなので質問させてください。
  
  現在、スマホ表示では大きなエントリーカードで表示されるようにしています。
  その後、モバイルメニュータイプをデフォルトからモーダルメニューに変更したところ、
  サムネイル画像が少し小さく表示されるようになりました。
  
  モバイルメニュータイプのデフォルトの時と同じ画像サイズにするには
  どのようにすれば良いでしょうか。
  
  よろしくお願い致します。
- 2017年3月17日 3:36 AM #51121
  Hidekichi
  ゲスト
  うちのテスト環境は色々と実装していたりしているので確かではないんですけれども、modalメニューの時にnormalize.min.cssが読み込まれているっぽいように思います。
  その中に書いてある、
```
figure {
    margin: 1em 40px;
}
```
  が原因かと思うので、子テーマのmobile.cssあるいは、style.cssに、
```
figure {
    margin: 0;
}
```
  とすれば戻るのではなかろうかと思う次第です。
- 2017年3月17日 3:38 AM #51122
  Hidekichi
  ゲスト
  もし子テーマstyle.cssに書くのであれば、
  
  iphone6plusも考慮して、
```
@media screen and (max-width: 768px) {
  figure {
    margin: 0;
  }
}
```
  こんな感じですかね。mobile.cssは完全レスポンシブがoffの時は有効です。
- 2017年3月17日 8:41 PM #51145
  
  わいひら
  キーマスター
  
  こちらでも不具合を確認しました。
  なので、hidekichiさんの提案された方法で手元のファイルを修正させていただきました。
  次のバージョンで改善されると思います。
  ご報告ありがとうございます。
- 2017年3月17日 9:05 PM #51149
  
  ニール
  ゲスト
  
  Hidekichiさん、わいひらさん
  
  ご確認いただき、ありがとうございます。
  
  ＞Hidekichiさん
  早くに教えていただいたのに、お礼が遅くなってしまいすみません。
  大変助かりました！ありがとうございます。
  
  ＞わいひらさん
  修正ありがとうございます！
投稿者

投稿

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

トピック「大きなエントリーカードでモーダルメニューを使うと画像サイズが少し小さくなる」には新しい返信をつけることはできません。