html - css 宽度、最大宽度、高度不起作用

Question

我找不到答案，我真的很困惑。

老实说，我已经花了 2 小时++ 来研究、试验和打破它，我被难住了......我到底做错了什么......

我有一个 html 页面“index.html”，它链接到一个名为“styles.css”的 CSS 表。

到目前为止，我合并的每个样式元素都很好，所以我知道工作表已正确链接。

在我的 html 页面的 body 标签中，我有

<div id="bgimg"> <img src="img/EXAMPLE.jpg"> </div>

在我的样式表中有

#bgimg { width: 100%; }.

这行不通。

我试过更改显示类型，我试过将其更改为最大宽度以及各种其他奇怪而美妙的东西。

我真的不是网站 build 者(以防你还不知道!!)但我什至还有另一个单独的网站，它可以完美地根据屏幕尺寸调整图像大小。

我从来没有得到图像大小的任何变化。

拜托，有人要么帮助我，要么杀了我。无论哪种方式，我都完成了。我的头爆炸了，我再也受不了了......

干杯。

Answer 1

你尝试了吗？

#bgimg img { width: 100%; }

#bgimg 的宽度已经是 100%(它是一个 div)，但是它上面的 img 是一个自动调整大小的元素。