Divがモバイルサファリでストレッチされています

Question

画像のセレクタであるdivを持つスライドショーがあります。彼らはすべて、境界線を持つdivです。

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

：これは、モバイルサファリ

から離れて、すべて単一のブラウザ上のように見え、これはSafariの

ここ

モバイルで彼らのために、CSSは何かということです

設定された高さと幅はピクセル単位で18pxです。 18p未満の幅を変更した場合、それほど幅が狭くはないようです...前のようなものは見たことがありますか？

Answer 1

この

パディングのようなあなたの幅と高さと設定のCSSを削除してください：9px;

これはサファリの問題に助けトミーため