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

2 回答

• 1

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

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

  img{
     max-width:100%;
  }
  

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

  回复于 2024-04-29T04:57:15+08:00
• 1

  你需要从 bootstrap.css 删除 max-width ，你现在如下：

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

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

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

  这应该工作 .

  回复于 2024-04-29T04:57:15+08:00