Title: 画像サイズを変更しても拡大された状態で表示される Last modified: 2016年11月25日 --- # 画像サイズを変更しても拡大された状態で表示される * 解決済 [torabutta](https://ja.wordpress.org/support/users/torabutta/) * (@torabutta) * [9年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6%e3%82%82%e6%8b%a1%e5%a4%a7%e3%81%95%e3%82%8c%e3%81%9f%e7%8a%b6%e6%85%8b%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95/) * 最近分からない事だらけで困っています。 * 投稿記事で画像を貼りサイズを手動で四隅をいじり変更しました。ですが実際の記事を 見ると拡大された状態で表示されます。用意した画像のサイズは関係なく記事いっぱい に同じサイズで貼られ、ぼやけた感じになります。大きい画像の場合は記事いっぱいまで 縮小され同じサイズになりぼやけます。　本当にどのサイズの画像も同じサイズでぼや けた形になります。 * 表示された画像を検証で調べるとimg{ width:100%} この値を変更するとサイズが変わる 事が分かりましたが、全体の画像サイズが変わってしまって困っています。　純粋に四隅 を変更してサイズを決めたいです。 また画像を検証、htmlを見ると　width=”546″ height =”606″と手動で変更したサイズや元のサイズより大きい状態で設定されている事が分か ります。 * 画像のキャプションに何かしら文字を入れると画像のサイズを自由に選択できます。 テーマはSparkingを使用しています。　もしかしてbootstrapが関わってくるのでしょう か？ よろしくお願いします。 - このトピックは[torabutta](https://ja.wordpress.org/support/users/torabutta/) が9年、 10ヶ月前に変更しました。 2件の返信を表示中 - 1 - 2件目 (全2件中) * [GoUps](https://ja.wordpress.org/support/users/goups/) * (@goups) * [9年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6%e3%82%82%e6%8b%a1%e5%a4%a7%e3%81%95%e3%82%8c%e3%81%9f%e7%8a%b6%e6%85%8b%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95/#post-210984) * > 表示された画像を検証で調べるとimg{ width:100%} この値を変更するとサイズが変わる > 事が分かりましたが、全体の画像サイズが変わってしまって困っています。　 * このimg{width:100%}というのは、ご理解されている通り、「imgタグで埋め込まれている 画像は『すべて』幅を、（imgを囲う親ブロック要素幅）100％にまで広げます」という 意味です。 * 今回の場合、投稿記事内の画像に関しては、この設定を使いたくないという事ですので、 投稿記事を囲うclass名（例：class=”article”）を見つけて、style.cssの下の方に、 . article img {width:auto;max-width:100%;height:auto;} と追加すれば、「articleクラス の中にあるimgタグで埋め込まれている画像の幅は、元の画像幅で表示させ、もし親ブロック 要素よりも大きくなるようなら、親ブロック要素幅のサイズまで縮小します」という意味 になります。 * トピック投稿者 [torabutta](https://ja.wordpress.org/support/users/torabutta/) * (@torabutta) * [9年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6%e3%82%82%e6%8b%a1%e5%a4%a7%e3%81%95%e3%82%8c%e3%81%9f%e7%8a%b6%e6%85%8b%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95/#post-210989) * ありがとうございます！！。　無事解決する事が出来ました。　 ずっと悩んでいたので 解決する事が出来て嬉しいです。 2件の返信を表示中 - 1 - 2件目 (全2件中) トピック「画像サイズを変更しても拡大された状態で表示される」には新たに返信すること はできません。 ## タグ * [画像サイズ](https://ja.wordpress.org/support/topic-tag/%e7%94%bb%e5%83%8f%e3%82%b5%e3%82%a4%e3%82%ba/) * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/) * 2件の返信 * 2人の参加者 * 最後の返信者: [torabutta](https://ja.wordpress.org/support/users/torabutta/) * 最後の活動: [9年、 10ヶ月前](https://ja.wordpress.org/support/topic/%e7%94%bb%e5%83%8f%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e5%a4%89%e6%9b%b4%e3%81%97%e3%81%a6%e3%82%82%e6%8b%a1%e5%a4%a7%e3%81%95%e3%82%8c%e3%81%9f%e7%8a%b6%e6%85%8b%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95/#post-210989) * 状態: 解決済 ## トピック ### 人気のトピック ### 返信がないトピック ### サポート関連ではないトピック ### 解決済みのトピック ### 未解決のトピック ### すべてのトピック