Question

我正在使用（☰）并且它出现在计算机上，即使我减少了浏览器宽度，但是当我从我的移动浏览器中检查它时它没有出现，为什么会这样？以及如何展示它？是否有另一种方法可以创建或使用可在手机上使用的此图标？

Answer 1

请尝试使用此代码：

struct

移动浏览器更能够使用此unicode角色！希望它有所帮助

Answer 2

用css和html创建这个汉堡包

HTML：

.hamburger-icon {
  margin: 0;
  padding: 19px 16px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.hamburger-icon span {
  width: 40px;
  background-color: #000;
  height: 5px;
  display: block;
  margin-bottom: 6px;
}
.hamburger-icon span:last-child {
  margin-bottom:0px;
}

<label class="hamburger-icon">
    <span>&nbsp;</span>
    <span>&nbsp;</span>
    <span>&nbsp;</span>
</label

如何在手机浏览器上显示（☰）？

2 个答案: