水平滚动，图像高度为100％

Question

我目前正在构建一个水平滚动组合。我希望图像高100％，宽度：自动。一切都很完美（纯CSS），但如果浏览器窗口小于图像宽度，它就会被压缩。

以下是链接：http://www.bastards-design.de/wordpress/category/allgemein/portfolio/grafik/#alina

Answer 1

  

如果浏览器窗口小于图像宽度，则会被压缩。

我查看了你的代码并在其中找到了以下CSS，这会导致图像压缩。如果删除它，图像将不会压缩。

img{
   max-width:100%;
}

似乎此规则是从您正在使用的 bootstrap.ccs 继承而来的。您应该删除此规则或覆盖它。

Answer 2

您需要从max-width移除bootstrap.css 您目前的情况如下：

img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}

不要尝试删除max-width: 100%;，如下所示：

img {
    border: 0 none;
    vertical-align: middle;
}

这应该有效。