サムネイル画像の比率を縦長にしたい - SWELLに関する質問

RE: サムネイル画像の比率を縦長にしたい

Rockn Crawlers — Wed, 31 Aug 2022 03:35:37 +0000

@loos_ryo さま

貴重な情報をありがとうございます。
試して見ます！

Sun, 28 Aug 2022 02:04:38 +0000

@rockn-crawlers

コード共有ありがとうございます！

ただ、aspect-ratioはSafariの比較的新しいバージョンでしかサポートされていないため、以下のようにしていただく方が今の所は無難かと思います。

.c-postThumb__figure {
    --card_posts_thumb_ratio: 120%;
}

※「--card」の部分は、レイアウトタイプによって名前が変わります

miyazaki2021 — Sat, 27 Aug 2022 00:05:58 +0000

ありがとうございます！！

縦長のレイアウトになりました！！

早急なご対応、感謝です。

Rockn Crawlers — Fri, 26 Aug 2022 13:08:01 +0000

カスタマイズ→追加CSS に

 .c-postThumb__figure {
    aspect-ratio: 0.7 / 1;
}

を追加することで、私の環境では縦長のレイアウトになりました。
試して見て下さい♩

miyazaki2021 — Fri, 26 Aug 2022 04:52:43 +0000

映画のポスターを表示したいので、記事一覧のサムネイル画像の比率設定を縦長（1:0.7）にする方法を教えていただきたい。