Dawnの画像バナーに関しての質問になります。(Dawnのバージョン15.2.0)
アスペクト比を16:9でPCバナーを設定したいのですが、画像配置後、画像が自動で大きくなってしまいます。
テーマの画面では小さくなりませんが、ストアを見てみると大きくなってしまいます。
バナー作成を比率を固定し、ロゴやフォントを配置して設置していきたいため、自動で大きくなってしまい困っております。
対処法を教えて頂けると助かります。
尚、画像バナーのカスタムCSSのところには下記を挿入し、スマホでの画像表示をしています。
こちらは9:16で綺麗なサイズで表示してくれます。
.banner {
aspect-ratio: 9/16;
}
.banner__media {
width: 100%;
}
.banner > div.banner__media {
display: none;
}
div.banner__media + div.banner__media {
display: block;
}
@media (min-width: 750px) {
.banner {
aspect-ratio: auto;
}
.banner > div.banner__media {
display: block;
}
div.banner__media + div.banner__media {
display: none;
}
}
Copy