モバイル表示での画像の位置

PR 2017/11/18

このトピックには5件の返信、2人の参加者があり、最後に楠瀬により8年、 10ヶ月前に更新されました。

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

投稿者

投稿
- 2017年11月15日 6:38 PM #56892
  
  楠瀬
  ゲスト
  
  お世話になります。
  初めての質問です。
  
  simplicityに限った事ではないと思うのですが、ｇｇっても分からなかったので質問させてください。
  
  画像をＰＣでは右寄せにしているのですが、
  モバイルで見ると画像と文字が横並びになります。
  
  これをモバイル表示のときに中央寄せにできればと思っています。
  （中央、配置無しにすれば解決するのですが、今は右寄せにこだわっています。）
  
  該当記事：
  http://it-kankei.com/study-from-what-stepwise/
  
  どこにどういうコードを記述をすれば解決するでしょうか。
  よろしくお願い致します。
- 2017年11月16日 6:19 PM #56898
  わいひら
  キーマスター
  完全レスポンシブ機能が有効でないなら、mobile.cssに以下のように貼り付けるといけるような気がします。
```
img.alignright, 
.wp-caption.alignright {
    float: none;
    margin: auto;
    display: block;
}
```
  完全レスポンシブ機能が有効の場合は、端末に合わせてメディアクエリを書く必要があるかと思います。
- 2017年11月17日 2:36 PM #56933
  
  楠瀬
  ゲスト
  
  わいひら様、回答ありがとうございます。
  
  指示の通り、mobile.cssの下部に貼り付けてみましたが、変化ありませんでした。
  完全レスポンスを有効にはしておりません。
  
  よろしくお願いいたします。
- 2017年11月17日 7:07 PM #56943
  かうたっく
  ゲスト
  メディアクエリで検索すれば書き方は沢山出てくると思います。さらにSimplicity　メディアクエリと検索すれば、もっと具体的に出てきそうですが。
```
@media screen and (max-width:639px){
/*ここにstyleを書く*/
}
```
  それをstyle.cssに追記すればOKです。
- 2017年11月17日 11:34 PM #56958
  
  わいひら
  キーマスター
  
  僕の環境からは表示されているようですけど。
  
  ブラウザキャッシュとかは、削除してみられましたか？
  https://wp-simplicity.com/css-is-not-reflected/
- 2017年11月18日 4:49 PM #56987
  
  楠瀬
  ゲスト
  
  お世話になっております。
  
  ご指摘の通り、キャッシュを削除すると表示が確認できました。
  ありがとうございます。
  
  お手数おかけしました。
投稿者

投稿

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

トピック「モバイル表示での画像の位置」には新しい返信をつけることはできません。