oftheborderwarsPreface这个问题我以前遇到过，也参考了很多资料。因为怕变化太大，所以用js判断dpr，修改viewport的scale值。本以为解决了，没想到最近UI提了安卓手机在线很厚的问题。回去认真看了代码，发现自己没注意。之前的代码是这样的：;(function(f,i){varb=i.documentElement;vare=f.navigator.appVersion;varg=e.match(/android/gi);varc=e.match(/iphone/gi);vark=f.devicePixelRatio;varj=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;varh=i.querySelector('meta[name="viewport"]');if(!h){h=i.createElement("meta");h.setAttribute("name","viewport");if(b.firstElementChild){b.firstElementChild.appendChild(h)}else{vara=i.createElement("div");a.appendChild(h);i.write(a.innerHTML)}}if(j){h.setAttribute("content","initial-scale="+d+",maximum-scale="+d+",最小尺度="+d+",user-scalable=no");}window.DPR=j})(窗口,文件);这是链家的解决方案，和淘宝类似。很明显，比例是动态修改的。他们都判断如果是安卓秤就设置为1，我觉得不是。期望的结果。心里想着把if去掉就好了，加到Android上就可以了。╮(╯_╰)╭刚做的♂，觉得还不错，但是部分手机还是有问题，IOS下也有粗细不一的bug。头痛头痛。_(:з」∠)_终于搜了各种东西，终于老老实实实干了：li{position:relative;XXXX}li:after{content:"";位置：绝对；左：0；顶部：0；右：0；高度：1px；border-top:1pxsolid#d9d9d9;-webkit-transform-origin:00;变换原点：00；-webkit-transform:scaleY(0.5);(0.5);}今天就这样吧！=￣ω￣=，最后的效果顺便说一下，除了上面两种方法，我知道还有很多其他的方法比如：border-image和background方法；svg方法gradient方法box-shadow？...当然还有其他的方法，种类繁多，套路都是人研究出来的。我们下次找到更好的方法再谈。
