ブレークポイントに次のルールを使用して、エッジ リフローを使用してレスポンシブ サイトを設計しています。
<480px, <768, 1024>
それぞれの幅のブレークポイントごとに異なる背景画像を使用しています。contain
ただし、 for を使用して Reflow に追加するとscale-x
、作成した画像がそのサイズではないように見えます。それらのほとんどは、設計より少なくとも 200 ピクセル短かった。
したがって、私の質問は、各ブレークポイントにどのサイズの背景画像を使用する必要があるか、およびリフローを使用してこれに関するその他のガイダンスや、何か間違ったことをしているという提案です。
通常はcover
むしろ使用しますcontain
が、画像は拡大縮小され、デバイスからデバイスへの必要なものが表示されません。
ありがとう