0.5pxの戦争ボーダー

序文

私も前にこの問題が発生した、と恐怖あまりにも多くの変更、のために、多くの情報を参照し
、バックJS判定DPRで撮影したビューポートのスケール値を変更します。
私は非常に厚い問題で、私はライン上で最近提案UIのAndroid携帯電話を期待していなかった、解決と思いました。
私は、コードを読んで、バック、慎重に行くと本当に気付かなかった発見しました。

次のようにコードの前にあります。

; (function(f, i) {
    var b = i.documentElement;
    var e = f.navigator.appVersion;
    var g = e.match(/android/gi);
    var c = e.match(/iphone/gi);
    var k = f.devicePixelRatio;
    var j = 1,
    d = 1;
    if (c) {
        if (k >= 3) {
            j = 3
        } else {
            if (k >= 2) {
                j = 2
            } else {
                j = 1
            }
        }
    } else {
        j = 1
    }
    d = 1 / j;
    var h = i.querySelector('meta[name="viewport"]');
    if (!h) {
        h = i.createElement("meta");
        h.setAttribute("name", "viewport");
        if (b.firstElementChild) {
            b.firstElementChild.appendChild(h)
        } else {
            var a = i.createElement("div");
            a.appendChild(h);
            i.write(a.innerHTML)
        }
    }
    if (j) {
        h.setAttribute("content", "initial-scale=" + d + ", maximum-scale=" + d + ", minimum-scale=" + d + ", user-scalable=no");
    }
    window.DPR = j
})(window, document);

これは、ホーム・ソリューションのチェーンで、手の同じタイプについては、それを洗って、動的にスケールを変更することです。
彼らはアンドリュースが1に設定されているスケールで判断された場合に明らかに、これは私が欲しいものではありません。
私は、アンドリュースもする必要はありません追加した場合、それらを直接削除することを考えました。╮（╯_╰）╭
先に行き♂一部の携帯電話はまだ問題を抱えている、その結果だけでなく、しかし、があり、厚さBUGを変えるIOSでありました。
頭痛頭痛。_（：з「∠）_

最後の検索これで最後に正直なもの、あらゆる種類の：

li{position:relative;XXXX}
li:after{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    }

日それを呼びます！=ω=、最終結果

画像のキャプション

ついでに

上記の二つの方法に加えて、私は多くのようながあります知っています：

ボーダー画像と背景方法。
SVG方法
グラデーション方法
ボックスシャドウ？
...

もちろん、多くの方法があり、ルーチンは、その後のためのより良い方法を見つけるために、次を見つける人です。

序文

ついでに

おすすめ