1. ホーム
  2. android

[解決済み】アンドロイドクロームブラウザのモバイルウェブアプリケーションのメニューでHTMLユニコード ☰が検出されない。

2022-01-29 19:54:30

質問

私のウェブサイトのメニューに問題があります。 アンドロイド携帯のクロームブラウザ を表示することができません。 ユニコード しかし、iPhoneや他のアンドロイドブラウザで私のウェブアプリケーションをチェックすると、正常にレンダリングまたは動作しています。

このアイコンは、このような構成で使用しています。

プレ <ul> <li>&#9776;☰</li> <li>Home</li> <li>About Us</li> </ul>

しかし、モバイルクロームブラウザでは表示されません。 修正方法

解決するには?

ハンバーガーやメニューのアイコンを作成することもできます。 CSS 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;
}
{{コード