フルサイズ画像の縦横比が崩れる

解決済 shi0445
(@shi0445)

13年、 6ヶ月前

WordPress初心者です。
WordPress3.0.1をインストール後、初期テーマではなく、旧テーマのDefault 1.6をインストールし、これをベースにテーマを作りました。
他の機能は問題ないのですが、投稿の際メインスペースより幅の大きい画像をフルサイズで挿入すると、縦横比が崩れて表示されてしまいます。
縦横比を保持しつつ表示する方法を教えてください。
PHPは知識がないため、少々詳しくアドバイスいただけると幸いです。

4件の返信を表示中 - 1 - 4件目 (全4件中)

KKT
(@kvex)

13年、 6ヶ月前

保存されている画像自体も、扁平してしまっていますか？
あくまでもブラウザ上だけの話ですか？
また、アップロードに関連したプラグインは何も使用していませんか？

上記のような情報は最低限欲しいところです。

トピック投稿者 shi0445
(@shi0445)

13年、 6ヶ月前

情報不足、失礼しました。
ブラウザの表示上だけ扁平してしまいます。
プラグインは何もいれていません。
ちなみに、管理画面のテーマメニューで、WordPress3.0.1初期テーマのTwenty Ten をプレビュー確認すると正常に表示します。
モデレーター Naoko Takano
(@nao)

13年、 6ヶ月前
style.css に、
```
p img {
	padding: 0;
	max-width: 100%;
	}
```
とあるはずなので、max-width の行を削除してみてください。
トピック投稿者 shi0445
(@shi0445)

13年、 6ヶ月前
Naoko様、アドバイスありがとうございました。
結論から言いますと、解決できましたーっ！！
ご指示の通りにしたところ、メインスペースをはみ出して実寸サイズで表示してしまいました。
でも、今まではPHPやCSSを正常表示のテーマのものと見比べて、長い時間解決策が分からずに困っていましたが、アドバイスをヒントにCSSに絞って見比べ、ようやく解決策に辿り着く事ができました。
解決策は「p img {　〜　}」の代わりに下記スタイルへ変更。
```
#content img {　
	margin: 0;
	height: auto;
	max-width: メインスペースpx;
	width: auto;
}
```
この投稿を気にかけてくださったkvex様、アドバイスいただいたNaoko様、本当にありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「フルサイズ画像の縦横比が崩れる」には新たに返信することはできません。

トピックタグ

表示