早速ですが、表題の件でご相談です。
パソコン画面でのアピールエリアの画像を
モバイルでも同じように表示させたいのですが、どうしても画像が切れてしまいます。
ネットにて「max-width: 100%;」や「height: auto;」を追記すると良いと
情報があり試してみましたが、変わりませんでした。
モバイルで画像を全表示させるためのcss例がありましたら、教えていただきたいです。
Cocoon フォーラムの『アピールエリアの画像をモバイルで全表示させるには(画像が切れる)』より引用
一応CSSは以下です。
あとCocoon設定の高さは指定なしでいける？のであれば、指定なしでいきましょっ！
#appeal,
.appeal .appeal-in {
min-height: 24vw;
}
@media screen and (min-width: 1267px) {
#appeal,
.appeal .appeal-in {
min-height: 300px;
}
}
.appeal {
background-size: contain;
}Cocoon フォーラムの『アピールエリアの画像をモバイルで全表示させるには(画像が切れる)』より引用
