画像を画面に塗りつぶしてサイズを変更する

Question

画像を画面に塗りつぶして、画像を歪ませようとしています。私はそれをバックグラウンドイメージとしてではなくしたいと思います。私はCSSを使ってやりたいと思っています - これは可能ですが、私は正しいコードの組み合わせを見つけることができません。

これは、私はイメージが何をしたいの例です。

http://kentmatheson.com/index-NEWNEW1.html

あなたがイメージ（複数可）によって、狭いまたは最も広い次元のいずれかのサイズに画面スペースを埋めることがわかります画像の歪みは発生しません。これは素晴らしいですが、css imgの競合のために私の現在のセットアップではうまくいかないでしょう。

私はここで私が使用したいセットアップ、持っている：

http://kentmatheson.com/index-NEWNEW2.html

を、私は私が望む通りに対応するためにCSSコードの正しい組み合わせを見つけることができませんよ。高さに塗りつぶすと画像が歪んでしまいますが、幅を埋めると画像が画面に表示されません...

ありがとうございました。

Answer 1

私はついにそれを働かせました。
ここに行く！
幸運を祈る！これだけ

---

HTML

<img id="theimg" src="http://interfacelift.com/wallpaper/D7c82ceb/04087_riomaggioreatsunset_3840x2160.jpg"> 

---

CSS

#theimg { 
    width: 100%; 
    height: 100%!important; 
    object-fit: cover; 
    object-position: right; 
}