モバイルビューで画像が正方形になる

サポート
1

アップロードされた画像の多くが、モバイルビューで「正方形」の画像に圧縮されていることに気づきました。
これは意図されたデザインでしょうか、それとも設定による結果でしょうか？
よろしくお願いいたします！

モバイルビュー:

image
image391×307 56.2 KB

同じ画像の PC ビュー:

image
image925×460 145 KB

2

画像をアップロードして確認

image
image508×290 16.6 KB

この画像は、iOS 14 を実行している私の iPhone からアップロードされたもので、問題なく表示されました。もしかすると、アップロード前に画像があなたの端末で圧縮されているのかもしれません。私にとっては正常に動作しています。

使用しているブラウザとそのバージョンは何ですか？また、お使いのスマートフォンの OS とバージョンは何ですか？

3

両方とも同じ画像が表示されていますが、モバイル端末で表示されているだけです。アスペクト比や高さの計算がおかしくなっているようです。

4

返信ありがとうございます。

スクリーンショットを直接アップロードしたため、圧縮されているとは思えません。

PC で使用したブラウザは Chrome です。
スマホは Android 10 です。

問題の画像のリンクは以下の通りです。

上記のリンクにある画像で同じ問題が発生するか確認していただけませんか？

5

はい、同じ画像ですが、PC とモバイルで表示が異なります。

6

これは、カスタムテーマ/コンポーネントの CSS ルールによるものです：

// テーマ: 表情のサイズ
// ターゲット: mobile scss
// 最終編集: 2016-02-10 14:39:25 UTC

div.contents.regular > div > p > img{
    height:100px;
    width:100px;
}
div.d-editor-container > div.d-editor-preview-wrapper > div > p > img{
    height:100px;
    width:100px;
}
7

根本原因を特定してくださり、本当にありがとうございます！ただ、このルールはどこで見つけることができるのか、まだよくわかりません。このルールを編集または変更する方法について、ご存知でしょうか？

8

管理画面の「カスタマイズ」>「テーマ」に移動し、適切なテーマまたはコンポーネントを選択します。次に「CSS/HTML を編集」をクリックし、おそらくモバイルの上部タブにある「CSS」タブを確認してください。対応する CSS コードがどこかに記載されているはずです。それをコメントアウトするか削除できます：

（ここではコメントアウトされています）

// Theme: 表情大小
// Target: mobile scss
// Last Edited: 2016-02-10 14:39:25 UTC
/*
div.contents.regular > div > p > img{
    height:100px;
    width:100px;
}
div.d-editor-container > div.d-editor-preview-wrapper > div > p > img{
    height:100px;
    width:100px;
}*/
9

はい、削除することで問題が解決しました。ありがとうございます！