在Andriod Phone

Question

我曾在一个网站http://ineland.se上工作，当我的客户在她的手机（三星Galaxy S6）上观看时，她通过移动导航按钮（三个水平条）得到了这个问题：

现在奇怪的是，我无法在其他任何地方发现此问题。我无法访问三星Galaxy S6（我只是一个小型企业开发人员），当我使用http://browserling.com来检查问题时，它看起来很正常。

这里是图标的HTML：

<span id="header-burger" class="burger-nav btn">
        <span class="burger-nav-symbol open-burger">
            <span class="dash">&mdash;</span>
            <span class="dash to-cross">
                    <span class="plain">&mdash;</span>
                    <span class="cross x1">&mdash;</span>
                    <span class="cross x2">&mdash;</span>
            </span>
            <span class="dash">&mdash;</span>
        </span>
    </span>

符号的Css（sass）：

.burger-nav-symbol {
            position: relative;
            width: auto;
            height: auto;
            padding: 2px;
            display: inline-block;
            margin: 0 auto;
            * {
                clear: both;
            }

            .dash {
                display: block;
                float: left;
                color: $dark_A;
                overflow: visible;
                @include transition ($trans_all, $trans_time, $transease, $trans_delay);

                &.to-cross {
                    position: relative;
                    z-index: 14000;

                    .cross {
                        position: absolute;
                        top: 0;
                        left: 0;
                        opacity: 1;
                        @include transition ($trans_all, $trans_time, $transease, $trans_delay);

                        &.x1 {
                        opacity: 0;
                            }
                        &.x2 {
                            opacity: 1;

                        }
                    }
                }
            }
        }

Answer 1

我尝试在Chrome中调试您的网站（通过缩小视口），它看起来像

当我使用检查员模式时，我看到了这段代码：

在我移除那个奇怪的方块后，它看起来很好。

这不是答案，但也许你应该试着找出如何摆脱那个方格。