1

次の css を使用すると、iOS の Web ビュー ブラウザーでわずかにギザギザまたは滑らかでない円がレンダリングされます。誰でも修正を知っていますか？任意の境界線幅で表示され、iPhone の高密度 Retina ディスプレイで 1px という低いイベントを検出できます。

a.circle {
    display: block;
    position:absolute;
    z-index:10000;
    border: 6px solid #000;
    box-shadow:inset 0px 0px 0px 1px #ccc;
    width:54px;
    height:54px;
    top:352px;
    left:123px;
    border-radius: 99px;
    background-color: #fff;
}

a.circle:active {
    box-shadow:inset 0px 0px 0px 1px #fff;
}

境界線と内側の 1px シャドウの両方にある、わずかに硬くやや角度の付いた線に注目してください。 ここに画像の説明を入力

4

1 に答える 1

0

http://www.css-101.org/articles/-webkit-transform-rotate-and-anti-aliasing/rotate-creates-jagged-border-image.php

これは少し異なる問題ですが、iOSに直接関係しています。

于 2012-04-22T09:33:57.473 に答える