2

position: absolute;iOS6でビューポートの外に要素を配置できるかどうか疑問に思っています。

使用しても、要素が配置されている場合（ビューポートから100px）、ビューポートの<meta name="viewport" content="width=640, maximum-scale=0.5, initial-scale=0.5, minimum-scale=0.5" />幅が広くなります。right: 0; margin-right: -100px;

iOS は、この要素をビューポートに含めようとしますが、これは私が望むものではありません。部分的に表示し、部分的に非表示にしたい。また、iOS は水平スクロールバーを追加し、非表示にする必要がある要素の一部を含めます。

4

1 に答える 1

1

はい、そうです。overflow: hidden

この例は、ビューポートの右に 50px の位置にある 100x100px の赤い四角形を示しています。ビューポートには含まれていません。

#limitビューポートの右側に配置されるコンテナーを作成します。オーバーフローを設定することで、コンテンツがビューポートを拡大しないようにします。

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            #limit {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 100px;
                height: 100px;
                overflow: hidden;
            }

            #offset {
                position: absolute;
                top: 0px;
                right: -50px;
                width: 100px;
                height: 100px;
                background: #f00;
            }
        </style>
    </head>
    <body>
        <div id="limit">
            <div id="offset">
                Hello
            </div>
        </div>
    </body>
</html>
于 2013-03-11T17:08:01.797 に答える