Div jest rozciągnięty na dowolnym mobilnym safari - html, css, design, safari, mobilne safari

Mam pokaz slajdów z div, które są selektorami obrazów. Wszystko, czym są, to po prostu div z granicą. Tak wygląda każda przeglądarka oprócz mobilnego safari

A to jest mobilne Safari

Oto css dla nich:

.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;
}

Jego wysokość i szerokość w pikselach 18px. Wygląda na to, że jeśli zmienię szerokość poniżej 18px, to nie będzie mniej szeroka ... Czy ktoś widział coś podobnego wcześniej?

Odpowiedzi:

Usuń szerokość i wysokość i ustaw w ten sposób css

padding: 9px;

może to rozwiązać problem safari