Apicloud: Let your app border show native 1px

Apicloud is undoubtedly a pretty hot app development tool, and there are probably a lot of little common sense in the face of developers moving from the web to mobile apps, such as this border. How to make 1px thinner and look like a native? Here's a way to teach you:

.border {    position: relative;    width: 300px;     height: 200px;}. border:after {    border: 1px solid  #ff3300;     display: block;    content:  ';    position: absolute;     top: 0;    right: 0;    bottom:  0;    left: 0;    -webkit-transform-origin: 0 0;     -webkit-transform: scale (1);     pointer-events: none;} @media  only screen and  (-webkit-min-device-pixel-ratio: 1.5)  {     .border:after {        right: -100%;         bottom: -100%;       &Nbsp;-webkit-transform: scale (0.5);     }} 

If you want the top border or the bottom border ... Then just need to modify the border:after inside the border on it.

PS: Special Instructions

Don't miss the Pointer-events:none, or you won't be able to click.

Apicloud: Let your app border show native 1px