ngx-image-zoom 设置最大宽度和高度

Question

ngx-image-zoom是一个很棒的产品。经过一些测试后，我们发现有必要设置一个max-width大图像，这样大图像不会将其他内容从悬崖上撞下来。

无论我们做什么，以下和/或组合都无法实现包含和自动调整大小的技巧

• <lib-ngx-image-zoom style="max-width:100px" ...>
• <div style="width:100px; max-width:100px">

F12显示有这个设置

<div _ngcontent-tnl-c230="" class="ngxImageZoomContainer" style="width: 773px; height: 768px;">

手动减小宽度和高度，就像剪切一样，从左上角显示相应区域。

Answer 1

将其添加到 CSS 中，它将起作用

::ng-deep .ngxImageZoomContainer > img{
  max-height: 500px;
}