background-imageを使って画像の一部だけを表示したい

Question

background-imageを使って画像の一部だけを表示させたいと思っています。

.fv img {
        background-image: url(../img/[e-mail]);
        width: 100%;
        height: 360px;
        background-position: center;
    }

表示範囲は、画像のちょうど中央部分を中心に幅は画面いっぱいで、高さは３６０pxにしたいです。
このようにheight: 360px;にすると画像の比率が乱れてしまいます。

どのように対応したら宜しいでしょうか？

Answer 1

HTMLが提示されていないですが、
.fv imgとなってますが、そもそも、img要素に背景画像は設定できないです。

よく分からないが、ご希望のことは下記のようなことでしょうか。

<div class="fv"></div>

.fv {
  background-image: url(../img/[e-mail]);
  width: 100%;
  height: 360px;
  background-position: center;
  background-size: cover;
}

CodePenサンプル

Answer 2

width/heightを%とpxで指定すればアスペクトはどうしようもありません。
heightの可視部分を360pxにして上下のどちらかをきるのでしょうか？
いまいち何をしたいのか伝わってきません

Comments

[yambejp]

さらに、画像を100%で引き伸ばすと元画像のサイズにもよりますが
相当粗くなりますがそれでよいのでしょうか？
もしくは繰り返し画像をつかうなど検討が必要かもしれません