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

  • 解決済 shi0445

    (@shi0445)


    14年、 3ヶ月前

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

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

    (@kvex)

    14年、 3ヶ月前

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

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

    トピック投稿者 shi0445

    (@shi0445)

    14年、 3ヶ月前

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

    モデレーター Naoko Takano

    (@nao)

    14年、 3ヶ月前

    style.css に、

    p img {
	padding: 0;
	max-width: 100%;
	}

    とあるはずなので、max-width の行を削除してみてください。

    トピック投稿者 shi0445

    (@shi0445)

    14年、 3ヶ月前

    Naoko様、アドバイスありがとうございました。
    結論から言いますと、解決できましたーっ！！
    ご指示の通りにしたところ、メインスペースをはみ出して実寸サイズで表示してしまいました。
    でも、今まではPHPやCSSを正常表示のテーマのものと見比べて、長い時間解決策が分からずに困っていましたが、アドバイスをヒントにCSSに絞って見比べ、ようやく解決策に辿り着く事ができました。
    解決策は「p img {　〜　}」の代わりに下記スタイルへ変更。

    #content img {　
	margin: 0;
	height: auto;
	max-width: メインスペースpx;
	width: auto;
}

    この投稿を気にかけてくださったkvex様、アドバイスいただいたNaoko様、本当にありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「フルサイズ画像の縦横比が崩れる」には新たに返信することはできません。