1.產生這個問題的原因。

在移動端中，1px和pc端中是不一樣的。這是因為window.devicePixelRatio是設備上物理像素和設備獨立像素(device-independent pixels (dips))的比例問題導致的。

2.解決方案：

　　　1）.用box-shadow模擬邊框

doc{  
    box-shadow: 0 -.5px 0 0;
}

　　　2）.用after偽元素實現

　　　　方案一

doc{
        position:relative;
}
doc::after{
        content:‘‘;
        height
 
:1px;
        transform:scaleY(.5);
        position:absolute;
        top:0;
        left:0;
        right:0;
        background:#000;
}

　　　　方案二

doc{
        position:relative;
}
doc::after{
        content:‘‘;
        height:.5px;
        position:absolute;
        top:0;
        left:0;
        right:0;
        background
 
:#000;
}

移動端布局（如何解決邊框問題）