在移动设备中查看时，侧边栏切换按钮不显示3个栏

Question

当我在移动端打开一个页面时，侧边栏切换看起来不像一个菜单，它看起来像一个框。我使用的是adminlte主题。

​

​

代码：

<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</a>

Answer 1

可能您的手机不支持您已有的字体类型，或者它没有安装在手机中，请查看字体支持和手机浏览器的版本。

Answer 2

这是因为你的设计是响应式的。如果您将打开相同的网页，并在浏览器选项中增加缩放级别，您将得到相同的问题。在这种设计中，根据屏幕尺寸的不同，设计也会发生变化。为了避免这些问题，请尝试使用“自适应设计”，这可能很困难，但可以解决您的问题。