Div在任何移动游猎中被拉伸

Question

我有一个带有div的幻灯片，这些是图像的选择器。它们都只是带边框的div。除了移动游猎之外，这就是每个浏览器的样子

这是移动Safari

这是他们的CSS：

.slick-dots {
  padding-left: 0px;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  list-style-type: none;
  margin: 0 3px;
}
.slick-dots li button {
  background: #fff;
  border: 1px solid #000;
  border-radius: 0;
  height: 18px;
  width: 18px;
  opacity: 1;
  color: transparent;
}
.slick-dots li.slick-active button {
  background: #000;
}

.inspiration .slick-dots,
.destinations .slick-dots {
  padding-left: 0px;
}
.inspiration .slick-dots li button,
.destinations .slick-dots li button {
  background: none;
  border: 1px solid #fff;
}
.inspiration .slick-dots li.slick-active button,
.destinations .slick-dots li.slick-active button {
  background: #fff;
}

.slick-slide img {
  display: inline !important;
}

它的高度和宽度设置为18像素。看起来如果我将宽度改为低于18px，它的宽度不会变得更宽......有没有人看过这样的东西呢？

Answer 1

请删除您的宽度和高度并设置这样的CSS

  

填充：9px;

这可能会解决狩猎问题