我正在尝试创建一个带有长条图像的页面，其中条带的高度设置为浏览器窗口高度的百分比，图像缩放到100％的高度。跳闸。我还希望能够在图像上叠加文本。我已经达到了这个目的：
但它的表现并不像预期的那样。 div.news-item elements应缩小以适应所包含的img elements。这种情况发生在Chrome / Safari中，但是当调整窗口大小时，.news-item元素保留其原始宽度，而不是调整它以适合调整大小的图像。 （但是，如果我随后检查Chrome开发人员工具中的元素，则会根据需要重新绘制div。）
在Firefox中，.news-item元素被赋予未调整大小的图像的全宽，尽管图像本身已调整大小。
这里发生了什么？我做错了什么或是浏览器错误还是什么？我一直在寻找宽度属性的CSS规范，看起来我应该做的就是。