# 这个问题跟dpr没有任何关系...

这个问题其实应该锤的是设计师,而不是前端去做兼容

# 真正的原因

# 两种设计稿

我们在做iphoneX的时候设计师一般会给两种设计稿

  • A:一种宽375
  • B:一种宽750

iphoneX的逻辑宽度为357px,在A设计稿中标注1px的边框时,在css中对应的也是1px边框。但在B设计稿中设计师非得给标注个1px边框时,在css实现的时候就应该1/2 = 0.5px。

# 一些浏览器不支持0.5px边框

1px实际上是0.5px在某些浏览器上不支持的原因。

这才是真正的原因好吧,所以别给扯到dpr上去。 要说非得是dpr的锅,那就是高清屏只是视觉上把设计师想表达的1px显示得更清晰了,然后设计师不妥协。

# 解决方案

border-1px (opens new window)