Why does a CSS border look different on Android?

Question

I have a box with a border.

border: 1px solid #000;

I am using the following viewport setup:

Answer 1

Unless you have a very good reason for it (doubtful), disabling user-zoom is a very bad idea. See user-scalable=no … Evil or Slightly Not Evil? for examples of why this is bad. It also gives some examples where user-scalable=no is perfectly acceptable.

for a 1.5 pixel-ratio, try

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  div {
    border-width: 0.75px;
  }
}