有什么方法可以确保图像始终以全屏显示，而不管容器大小受到什么限制？在我的例子中，我从服务器接收到一个 HTML 文件，其中包含不同大小(通常以百分比指定)的各种不同容器中的图像，对于每个图像，我想使用 CSS 来“突破”容器并始终占据完整空间-屏幕宽度。
我该怎么做？
最佳答案
要“分解它们”，您需要通过应用 img { position: absolute; 将它们从堆叠上下文中分离出来。 在你的 CSS 中。然后，您可以通过应用 img { width: 100%; 使它们达到全窗口宽度。 } 来填充...但是您可能会因此遇到布局问题。您可能应该专注于在文档的堆叠上下文中使您的包装容器全宽，以保持布局的完整性(此处将随着您最终选择的任何路线而改变)。
关于ios - 固定容器内的 CSS 全宽图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19529990/