4

タブレットで見たときのサイトのメニューバーとしてこれを持っています:

ヘッダーメニュー

右側のメニュー アイコンをクリックすると、他のオプションが表示されます。コードは

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

しかし、エンティティ (または対応する Unicode 文字である可能性があります) が一部の Android フォンでサポートされていないことを Twitter で見ました。HTML を変更してフォールバックするにはどうすればよいですか?

4

3 に答える 3

7

私の意見では、エンティティと同様に、イメージはこれを行うには間違った方法です。これはまったくサポートされていないためです。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;
}
于 2014-04-25T18:30:59.347 に答える
4

私&equiv;の知る限り、これはほとんどの場合機能します。

于 2016-07-30T14:54:48.583 に答える