填充图像并调整屏幕尺寸

Question

我试图用图像填充屏幕，并且图像不会变形。我想做它不作为背景图像。我想用css来做 - 我知道这是可能的，但我没有找到正确的代码组合。

这是我所需要的图片做一个例子：

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

你可以看到图像（S）充满整个屏幕空间，无论是狭窄或者最宽尺寸的大小取决于在屏幕宽度上，并且不要扭曲图像。这是伟大的，但不会为我当前的设置，因为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; 
}