滑块裁剪图像而不是调整它们的大小

Question

这是我的主题所具有的Nivo Slider的CSS：

*Nivo Slider*/
#zn_nivo {position:relative; height:550px; width:100%; overflow:hidden;}
.slide_wrap{width:100%; margin:0 auto; height:550px; overflow:hidden;}
.nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width:none;}
.nivo-main-image {display: block !important;position: relative !important; width: 100% !important;height:auto !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }

但是，当我将图像插入幻灯片时，图像无法正确调整大小，并且在不同的显示器上显示不同，这是我不想要的。我的意思是在这两张图片上显示，您可以看到一个4:3 1280*1024显示示例和16:9 1920*1080以及16：9的图片被裁剪。

16：9 4：3

我不希望图片被裁剪，我希望幻灯片包含100％的图片而不是剪裁。我已经尝试通过将.nivoSlider img更改为max-width并添加100%来修改max-height:100%，但我得到了非常奇怪的结果，其中部分正常，但有2个偶尔出现的图片，我不确定为什么会发生这种情况。有人请帮帮我??

Answer 1

我有同样的问题＆＃34;如何使用nivo滑块自动调整图像大小＆＃34;我一直在解决这个问题，我在＆＃34; jquery.nivo.slider.js＆＃34;中进行了一些修改。文件，图片会自动调整大小，这里是example，您可以下载here，希望它对您和其他人有用，谢谢