投稿記事内の画像をメイン幅いっぱいに表示したい

PR 2017/5/23

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

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

投稿者

投稿
- 2017年5月23日 2:38 PM #52684
  
  海の王子
  ゲスト
  
  こんにちは
  
  教えてください
  デフォルトの場合、ＰＣでは、画像は最大680px幅だと思いますが
  740px以上の画像をメイン幅いっぱいに表示するには
  どうすればよいでしょうか
  
  スマホの場合
  画像は全て画面幅いっぱいに表示したいです
  
  宜しくお願いします
- 2017年5月23日 4:55 PM #52688
  
  わいひら
  キーマスター
  
  一応、メインカラムの文章エリアの最大は680pxです（デフォルト）。
  「メイン幅いっぱい」という表現だと曖昧で、何処からどこまでなのかが、ちょっとわからないです。
  海の王子さんの言われる「メイン幅いっぱい」というのは、どういった定義のものでしょうか？
  そこを詳しく説明をお願いします。#mainの左右にあるボーダーまで幅一杯ということですか？
  
  あと、サイトの設定状態を見たいので、カスタマイズ対象ページのURLを貼り付けてください。
- 2017年5月24日 8:55 AM #52695
  
  ＭＡＫＯ
  ゲスト
  
  私も「スマホ表示時の本文中の画像の左右の余白を0にしたくなる症候群」です。
  コチラを参考にされては如何でしょうか。
  https://moriawase.net/img-space-0
- 2017年5月24日 1:18 PM #52697
  
  海の王子
  ゲスト
  
  わいひら様
  #mainの左右にあるボーダーまで幅一杯ということです
  
  ＭＡＫＯ様
  画像の左右の余白を消すだけ
  結構大変なんですね
  でも、スッキリしてかっこいいですよね
  
  アドバイス有難うございました
- 2017年5月24日 4:48 PM #52704
  
  わいひら
  キーマスター
  
  #52697
  現在の状態を見たいので、サイトのURLを掲載していただけますか？
  
  あでも、ＭＡＫＯさんの書かれたURLにも書いてあるように、PC用とモバイル用にネガティブマージンを設定すれば可能です。
  jQueryは使用せずともできると思うので、URLを公開できない場合は、自身でネガティブマージンのCSS設定を試してみてください。
投稿者

投稿

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

このトピックに返信するにはログインが必要です。