Javascript 全屏标题图像

我不会拐弯抹角，而是直接出来问：

他们做了什么来制作这个图像标题？我使用了chrome的property inspector，删除了所有javascript代码和css，图像仍在拉伸。元素内部的样式会随着窗口大小的变化而变化。我想有一个事件侦听器参与其中，但我找不到它

---

有人能给我解释一下吗？谢谢。

在css中复制其实很容易：

​img { min-width: 100%; }​

下面是一个例子：

-试着移动分隔器，看它是否伸展

---

然后，您可以向父对象添加控件以保持高度，或者如果需要垂直约束它，可以添加控件以保持最大高度。在你引用的网站上，我看不到任何真正的欺骗，我也看不到有必要这样做。CSS现在在这方面做得很好。

在CSS中复制其实很容易：

​img { min-width: 100%; }​

下面是一个例子：

-试着移动分隔器，看它是否伸展

---

然后，您可以向父对象添加控件以保持高度，或者如果需要垂直约束它，可以添加控件以保持最大高度。在你引用的网站上，我看不到任何真正的欺骗，我也看不到有必要这样做。CSS现在在这方面做得很好。

实际图片的宽度是硬编码的：

---

实际图片的宽度是硬编码的：

---

如果您想将其作为背景图像，可以使用非常方便的CSS3功能

background-size: cover

---

有关此替代方法的教程，请参阅。

如果要将其作为背景图像放置，可以使用非常方便的CSS3功能

background-size: cover

---

有关此替代方法的教程，请参阅。

以下是创建此功能的.js文件。

---

这只是一些简单的jQuery代码。

下面是创建此功能的.js文件。

---

这只是一些简单的jQuery代码。

谢谢，我想我在试图弄清楚他们是如何硬编码的时候陷入了困境。但是css对我的目的同样有效！是的，我经常这样做——有时候很容易想得太多，因为它们有很酷的效果（特别是在JS/CSS中）。你能标记我的答案吗？他们是如何设置的，所以不管它占据了整个高度，所以不管你的分辨率是什么，你总是看到照片，直到你滚动。这就是我觉得有趣的。。。？他们一定是在用javascript做这个？！谢谢，我想我是因为想弄明白他们是怎么硬编码的而陷入困境的。但是css对我的目的同样有效！是的，我经常这样做——有时候很容易想得太多，因为它们有很酷的效果（特别是在JS/CSS中）。你能标记我的答案吗？他们是如何设置的，所以不管它占据了整个高度，所以不管你的分辨率是什么，你总是看到照片，直到你滚动。这就是我觉得有趣的。。。？他们一定是在用javascript做这个？！