Question

我目前正在设计一个网站，其中一个网页有一个滑块来展示一些图片。

图像尺寸和比例不同。

我想让滑块保持在相同的高度，同时在循环过程中适当调整图像大小并使其居中（之前，当下一张图像出现时，容器会调整大小并向上或向下推动页面）。

这已经完成，使用以下内容：

＆＃13;

.event-slider {
	max-height: 250px !important;
}
.event-slider img {
	height: 28vh !important;
	margin: auto;
	width: auto !important;
}

＆＃13;

我使用的是1080p显示屏，它看起来不错，但朋友看了他的720p并且图像看起来更小。

这是一个使用＆＃39; SiteOrigin Slider＆＃39;的Wordpress网站。窗口小部件。

尽可能截屏1080p和720p视图，然后公开发送链接。

Answer 1

有很多方法可以实现这项工作。

主要是因为高度上的28vh值使图像的高度偏斜。图像是视口高度的28％是翻译的方式。

试试这个，而不是你拥有的。

.event-slider img {
height: 250px !important;
margin: auto;
width: auto !important;
}

如果不查看相关网站，我认为应该可行。