1px边框直到放大后才显示

Question

Above image indicates the problem - the three boxes have a 1px border around them which doesn't entirely show when on 100% zoom on mobile chrome. The version of Chrome being used is 34.0.1847.114.

There's nothing special about the Css being used:

background: #FBFEFF;
border: 1px solid #3BA8E7;
padding: 5px 6px;
font-size: 14px;
outline: none;

Answer 1

I suppose you already solved it by now, but the lack of answers bothers me. It seems that 1 pixel border is lost in scaling because of fallback width ( google developer ).

Add viewport information on pages so that devices have correct scaling information:

<meta name=viewport content="width=device-width, initial-scale=1">