1

固定位置要素を使用するレスポンシブ サイトを構築しています。iOS 6.1 の奇妙なバグに気付きました。たとえば、メタ ビューポート タグに値を定義すると、次のようになります。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

次に、私の固定位置要素は、古典的な移動とジャンプバックを行います。メタ タグを削除すると、サイトのレイアウトは明らかに間違っていますが、固定配置はうまく機能します。

基本的な HTML/CSS:

<h1><span>My Title</span></h1>

h1{
    position: fixed;
    top:0;
    left:0;
    width: 100px;
    height: 100px;
    margin:0 !important;
    background: url(logo_mobile.png) no-repeat top left;
    background-size: 100%;
    z-index: 20;
    cursor: pointer;
    span{ display:none; }
}

この動作は予期されたものですか? それを修正する方法はありますか？

4

1 に答える 1