图片在特定手机上表现得很奇怪

时间:2015-05-12 06:56:03

标签: html css svg responsive-design

我最近开发了一个响应式网站。我没有问题所有检查都没问题,在我看到的所有手机上都能正常工作。我的客户来到我面前说她的手机网站看起来很奇怪(她有一个Jiayu型JY-G4S,Android 4.2.2。)。所以她发送了一个截图:

enter image description here

它应该如何(以及我如何在任何地方看到它): enter image description here

箭头是SVG文件,并添加如下:

<div class="white-up">
    <img src="/path/to/WHITE_SHAPE_UP.svg" alt="" />
</div>

编译后的css(来自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%;
}

我似乎无法找到网站的问题。你们有没有在特定手机上遇到过这类问题的经验,并有关于如何调试这个问题的提示?

我现在陷入困境,所以任何帮助都会受到赞赏。 提前谢谢。

PS。实时网站的链接是http://pleun.photo

0 个答案:

没有答案