投稿時に「縦長」の画像がリサイズされないようにしたいのですが… 全幅を考慮したいのですが… どうすればよいでしょうか…?
ページを提供していただければ、誰かが具体的に確認してくれるかもしれません。そうでなければ、ページを検査するためのブラウザ機能で試したり、object-fit: contain/fill などを追加したり、マージンやアスペクト比などを要素に追加したりしてみてください。きっと解決できるはずです ![]()
このような感じです。
もちろん、数ドルかビットコインを提示できるのであれば、マーケットプレイスのアプローチも忘れてはなりません ![]()
サイト設定でimageを検索して、色々試してみてください。しかし、あなたが探しているものとは違うかもしれません。もちろん、プラグインやテーマを使えば、奇妙で素晴らしいことが実現できますが、現状では、それほど簡単ではない、あるいは不可能かもしれないと感じています。
しかし、以前間違っていたこともあります。何度か ![]()
この Theme component も役立つかもしれません。まだ実験段階であることを念頭に置いてください。ただし、Meta の一部の Theme でも使用されています。
これを試しましたが、違いました。まだ解決策を探しています。
Jagster が提案した他の画像設定、特に max image width を確認しましたか?
このコンポーネントは不安定です。最新のディスコースをインストールしても、すべてが左側にずれて(パディングなし)しまい、ステージングテーマが壊れました。
それらの画像は、max image width よりも先に max image height を超えているのではないでしょうか?
一般的に、画像のサイズが制限されているのは良いことだと思います。私のタブレットのような小さい画面では、そうしないと画像が画面よりも大きくなってしまいます。
奇妙ですね。サイトが示唆していることに関係なく、タブレットはスケールするはずです。iPadはとにかくそのように機能しますし、サムスンの…何らかのモデルもそうだったと思います。しかし、すべての電話はできます。
とにかく、Discourseの画像処理は弱点の一つです。ひどい混乱です。
簡単なことのように思えますが…ポートレートとして投稿された画像は、投稿幅コンテナの全幅を占めるべきです…(デフォルトではない場合でも、簡単に設定できる方法があれば)。
ここでは誰もがライトボックスを信頼していると思います。
最大画像高さ が画面よりも高い場合、スクロールなしでは画面に収まりません。タブレットは投稿内の画像をリサイズする必要があるのでしょうか?
デフォルト値ではこのようになります。
スクロールせずに画像全体を見ることができます。
最大画像の高さを変更する際には、画面寸法の違いを考慮する必要があります。
モバイルはデスクトップよりも使いやすいからですか?
はい、それは実験的なもののリスクです。パディングについては、オーバーライドを追加してパディングなどを追加するカスタムコンポーネントを追加できます。
写真フォーラムを運営している場合、画像は非常に重要です。ポートレート形式で写真を投稿する人もいれば、スクロールが必要でも気にしない人もいます。
ということは、元の画像のサイズがページ幅より小さい場合でも、画像を全幅に引き伸ばしたいということでしょうか?
品質が低下する可能性があるのでお勧めしませんが、以下の方法を試してみてはいかがでしょうか。
max image height と max image width の設定値を高く設定し、さらに CSS で以下のように設定します。
.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
width: 100%;
max-width: 100%;
}
私の環境では、これでご希望通りの動作をするようです。
写真フォーラムでは小さな画像が表示されないと思います。また、わかりませんが、問題は自動的な縮小だと思います。すべての画像は800x何とかになり、1500x何とかが表示できる場所でも空きスペースがあります。
しかし、これは基本的にデスクトップの問題だと思います。なぜなら、モバイルはユーザーが何ができるか、またはできないかを推測する傾向があるからです。
写真家が「小さい」写真を投稿することはほとんどありません。プロセスは簡単です。
1) 写真のアップロード
写真が投稿の幅よりも小さい場合:
比率を維持し、投稿の幅全体を占めるように幅を広げます。
写真が同じかそれ以上の場合:
画像の比率を維持しますが、投稿の幅全体を占めるようにします。




