Mobile 1-Pixel border

Mobile 1-Pixel border

CSS code:

. Folder Li{Border-bottom:1px solid #DDDDDD;padding:8px 0 8px 15px;Color:#7C7C7C;cursor:Pointer;position:relative;/*relative positioning*/}/*using pseudo-classes*/. Folder Li:before{position:Absolute;/*Absolute Positioning*/Top:-1px; Left:0;content:"';width:100%;Height:1px;/*1px*/Border-top:1px solid #DDDDDD;-webkit-transform:ScaleY (. 5);Transform:ScaleY (. 5);/*0.5 times-fold reduction in y-axis direction*/}

HTML code

    <id= ""  class= "folder">        <  UL>            <li> is also a problem under the retina screen, root cause: 1px using 2DP rendering  </li>        </ul>    </  div>

Effect:

Mobile 1-Pixel border