html - Images acting weird on specific mobile phone -
i developed responsive website. had no problems checks fine , on mobile phones have seen works fine. customer came me , said website looks weird on mobile phone (she has jiayu type jy-g4s, android 4.2.2.). send screenshot:
how supposed (and how see everywhere):
the arrows svg files , added this:
<div class="white-up"> <img src="/path/to/white_shape_up.svg" alt="" /> </div>
the compiled css (from sass):
.white-up { bottom: -9px; } .arrows, .white-up { overflow: hidden; position: absolute; width: 100%; z-index: 1; } arrows img, .white-up img { height: auto; left: -1%; width: 102%; }
i can't seem find problem website. of have experience such issues on specific phone , have tips on how debug this?
i stuck @ moment appreciated. in advance.
ps. link live website http://pleun.photo
Comments
Post a Comment