モバイルデバイスで画像が幅に合わせて調整されない

こんにちは。数日前のアップデート以降、レスポンシブ画像に仕様変更があったようです。
現在、横長の画像がページ幅に収まらなくなっており、画像全体を見るにはクリックする必要があります。しかし、この問題(バグ?)はデスクトップ版では発生しません。

問題の例を以下に示します。

設定は何も変更していません。おそらく、最近のアップデートの一部だと思われます。これは意図的な仕様変更でしょうか?画像のプレビューが常にページ幅に収まるように変更する方法はありますか?

よろしくお願いします!

「いいね!」 5

このコミット (https://github.com/discourse/discourse/commit/eff0106efbf1cec02d46a13460fcd686591e64d8) で変更されました。

必要であれば元に戻すことができます。以下を CSS に追加してください。

.cooked,
.d-editor-preview {
  img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    height: auto;
  }
}

モバイルでは、ライトボックスで画像全体を表示するために、ほぼすべての画像をクリックする必要があるということですか?
.


つまり、表示されている以上のものがあることを推測し、ライトボックスで確認する必要があるということですか

「いいね!」 1

はい、これを詳しく確認したところ、ライトボックスがないメディア、例えばGIFで問題が発生する可能性があるようです。GIFのクリックアクションは一時停止だからです。

GIFが歪んで表示されます


すべての情報がありますが、人々はかなり細いです

「いいね!」 1

ええ、それこそ私が言いたいことです :grinning_face_with_smiling_eyes:

「いいね!」 2

レポートありがとうございます。私も再現できました。修正に取り組んでまいります。

「いいね!」 4

This is quite disastrous for us as our community is heavily photographically based.

Desktop:

And how it appears on mobile:

Thanks for the CSS @Don we might apply this as a temporary fix :slight_smile:

And thanks @pmusaraj for jumping on the issue :slight_smile:

皆さん、ありがとうございます。Donさんが上記でリンクしたコミットを元に戻しましたので、これは tests-passed ブランチでまもなく修正されるはずです。

「いいね!」 3