html - Div being stretched on any mobile safari -


i have slideshow divs selectors images. are, divs border. looks on every single browser apart mobile safari

enter image description here

and mobile safari

enter image description here

here css them:

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

its set height , width in pixels of 18px. looks if change width below 18px doesn't go less wide... has 1 seen before?

please remove width , height , set css this

padding:9px;

this may fix safari problem


Comments

Popular posts from this blog

sql - invalid in the select list because it is not contained in either an aggregate function -

Angularjs unit testing - ng-disabled not working when adding text to textarea -

How to start daemon on android by adb -