国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專(zhuān)欄INFORMATION COLUMN

大戰(zhàn)border的0.5px

flybywind / 3226人閱讀

摘要：本以為解決了，沒(méi)想到最近提出了安卓手機(jī)上線很粗的問(wèn)題。很明顯，它們都是判斷如果是安卓就設(shè)置為，這不是我想要的結(jié)果。我心里想那直接去掉安卓也加上不就得了。說(shuō)干就干，結(jié)果以為好了，然而有一些手機(jī)還是有問(wèn)題，下也出現(xiàn)了粗細(xì)不一的。

前言

這個(gè)問(wèn)題之前就遇到過(guò)了，參考了很多資料，因?yàn)榕赂膭?dòng)太多，
后面采取了通過(guò)js判斷dpr,修改viewport的scale值。
本以為解決了，沒(méi)想到最近UI提出了安卓手機(jī)上線很粗的問(wèn)題。
我認(rèn)真回去看了代碼，發(fā)現(xiàn)確實(shí)沒(méi)注意到。

之前的代碼是這樣的：


; (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);

這個(gè)是鏈家的解決方案，和手淘差不多的類(lèi)型吧，都是去動(dòng)態(tài)修改scale。
很明顯，它們都是判斷如果是安卓scale就設(shè)置為1，這不是我想要的結(jié)果。
我心里想那直接去掉if,安卓也加上不就得了。╮(╯_╰)╭
說(shuō)干就干♂，結(jié)果以為好了，然而有一些手機(jī)還是有問(wèn)題，IOS下也出現(xiàn)了粗細(xì)不一的BUG。
頭疼頭疼。_(:з」∠)_

最后搜索了各種東西，最后還是老老實(shí)實(shí)用了這種：

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);
    }

收工！=￣ω￣=，最終效果

順便說(shuō)說(shuō)

除了上面2種方法，我知道還有很多種比如：

border-image和background的方法；

svg的方法

漸變的方法

box-shadow?

...

當(dāng)然方法還有很多種，套路都是人研究出來(lái)的，下次找到更好的辦法再來(lái)說(shuō)。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50184.html

相關(guān)文章

  • 大戰(zhàn)border的0.5px

    摘要：本以為解決了，沒(méi)想到最近提出了安卓手機(jī)上線很粗的問(wèn)題。很明顯，它們都是判斷如果是安卓就設(shè)置為，這不是我想要的結(jié)果。我心里想那直接去掉安卓也加上不就得了。說(shuō)干就干，結(jié)果以為好了，然而有一些手機(jī)還是有問(wèn)題，下也出現(xiàn)了粗細(xì)不一的。 前言 這個(gè)問(wèn)題之前就遇到過(guò)了，參考了很多資料，因?yàn)榕赂膭?dòng)太多，后面采取了通過(guò)js判斷dpr,修改viewport的scale值。本以為解決了，沒(méi)想到最近UI提出了...

    cfanr 評(píng)論0 收藏0

  • 【css3簡(jiǎn)單animation動(dòng)畫(huà)】實(shí)現(xiàn)星球大戰(zhàn)熒幕變幻

    摘要：接下來(lái)就為各個(gè)部分添加動(dòng)畫(huà)文字旋轉(zhuǎn)知識(shí)有限，不足之處請(qǐng)多包涵。 直接上圖（gif） showImg(https://segmentfault.com/img/bV85Wz?w=500&h=253); 整體的html不多贅述 The Force Awakens ...

    chemzqm 評(píng)論0 收藏0

  • CSS效果篇--這里有你想要的CSS3漂亮的自定義Checkbox各種復(fù)選框

    摘要：在原來(lái)有一篇文章寫(xiě)到了效果篇純實(shí)現(xiàn)的思路與實(shí)例這篇文章主要寫(xiě)各種自定義的復(fù)選框，實(shí)現(xiàn)如圖所示的復(fù)選框大致的代碼都如下所示那么對(duì)應(yīng)的代碼第一種實(shí)現(xiàn)如圖所示代碼 在原來(lái)有一篇文章寫(xiě)到了《CSS效果篇--純CSS+HTML實(shí)現(xiàn)checkbox的思路與實(shí)例》.這篇文章主要寫(xiě)各種自定義的checkbox復(fù)選框，實(shí)現(xiàn)如圖所示的復(fù)選框：showImg(https://segmentfault.com...

    Yuqi 評(píng)論0 收藏0

  • CSS效果篇--這里有你想要的CSS3漂亮的自定義Checkbox各種復(fù)選框

    摘要：在原來(lái)有一篇文章寫(xiě)到了效果篇純實(shí)現(xiàn)的思路與實(shí)例這篇文章主要寫(xiě)各種自定義的復(fù)選框，實(shí)現(xiàn)如圖所示的復(fù)選框大致的代碼都如下所示那么對(duì)應(yīng)的代碼第一種實(shí)現(xiàn)如圖所示代碼 在原來(lái)有一篇文章寫(xiě)到了《CSS效果篇--純CSS+HTML實(shí)現(xiàn)checkbox的思路與實(shí)例》.這篇文章主要寫(xiě)各種自定義的checkbox復(fù)選框，實(shí)現(xiàn)如圖所示的復(fù)選框：showImg(https://segmentfault.com...

    laoLiueizo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<