android – 什么是“汉堡包图标”或HTML实体的后备☰？

在平板电脑上查看时,我将此作为我的网站菜单栏：

右侧的菜单图标显示单击时的其他选项.代码是

<div id="menu">
  <a id="metaMenu" href="#">&#9776;</a>
</div>

但是我在Twitter上看到某些Android手机不支持该实体(或者它可能是相应的Unicode字符).如何修改我的HTML以获得后备？

解决方法:

图像是一种错误的方式 – 在我看来,这是一个实体.因为这个没有得到很好的支持.没有Android,在Windows Chrome,Internet Explorer等上呈现奇怪.

去CSS3路线.每个主要浏览器 – 以及所有现代移动设备都支持此功能.

jsFiddle这里：http://jsfiddle.net/328k7/

使用CSS3如下.编辑你认为合适的地方……

div {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 14px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 1px 10px 1px 1px #69737d,1px 16px 1px 1px     #69737d,1px 22px 1px 1px #69737d;
    box-shadow: 0 10px 0 1px #69737d,0 16px 0 1px #69737d,0 22px 0 1px #69737d;
}

标签：android,html-entities,html
来源： https://codeday.me/bug/20190716/1478234.html